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 相关文章推荐
jquery 新手学习常见问题解决方法
Apr 18 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 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
分享PHP入门的学习方法
2007/01/02 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
浅谈php7的重大新特性
2015/10/23 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
Prototype Function对象 学习
2009/07/12 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
详解ES6系列之私有变量的实现
2018/11/21 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
Python中的类与对象之描述符详解
2015/03/27 Python
在python中pandas的series合并方法
2018/11/12 Python
Django操作session 的方法
2020/03/09 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
python opencv角点检测连线功能的实现代码
2020/11/24 Python
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
生物专业个人自荐信范文
2013/11/29 职场文书
综合办公室个人的自我评价
2013/12/22 职场文书
大学生创业策划书
2014/02/02 职场文书
会计学专业自荐信
2014/06/25 职场文书
小学生交通安全寄语
2015/02/27 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python