layui radio性别单选框赋值方法


Posted in Javascript onAugust 15, 2018

Html

<div class="layui-inline">
          <label class="layui-form-label">性别</label>
          <div class="layui-input-block">
            <input type="radio" name="sex" id="sex" value="1" title="男" >
            <input type="radio" name="sex" id="sex" value="2" title="女">           
          </div>
        </div>

JS

layui.use('form', function () {
      var $ = layui.jquery, form = layui.form;
      $.ajax({
        type: "post",
        url: "/Shared/GetPiDate",
        data: {},
        async: true,
        dataType: "json",
        success: function (data) {
          $("input[name=sex][value=1]").attr("checked", data.UserSex == 1 ? true : false);
          $("input[name=sex][value=2]").attr("checked", data.UserSex == 2 ? true : false);
          form.render(); //更新全部         
        }
       }
     });

赋值之后需要用form.render(); ,不然看不到效果。

以上这篇layui radio性别单选框赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
详解babel升级到7.X采坑总结
May 12 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
Vue实现input宽度随文字长度自适应操作
Jul 29 Javascript
JavaScript中layim之整合右键菜单的示例代码
Feb 06 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 #Javascript
LayUI表格批量删除方法
Aug 15 #Javascript
layui中table表头样式修改方法
Aug 15 #Javascript
详解redux异步操作实践
Aug 15 #Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 #Javascript
Bootstrap Table列宽拖动的方法
Aug 15 #Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 #Javascript
You might like
js 巧妙去除数组中的重复项
2010/01/25 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
thinkphp 表名 大小写 窍门
2015/02/01 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
js模块加载方式浅析
2017/08/12 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
Python 修改列表中的元素方法
2018/06/26 Python
解决PyCharm不运行脚本,而是运行单元测试的问题
2019/01/17 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
护理专业的自荐信
2013/10/22 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
现金出纳岗位职责
2014/03/15 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
gateway与spring-boot-starter-web冲突问题的解决
2021/07/16 Java/Android