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最佳实践之精妙的自定义事件
Aug 11 Javascript
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
jQuery遍历json的方法分析
Apr 16 Javascript
js获取隐藏元素的宽高
Feb 24 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
TypeScript 运行时类型检查补充工具
Sep 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
PHP个人网站架设连环讲(四)
2006/10/09 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
详解js的六大数据类型
2016/12/27 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python何时应该使用Lambda函数
2019/07/02 Python
Python for循环与getitem的关系详解
2020/01/02 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
Algenist奥杰尼官网:微藻抗衰老护肤品牌
2017/07/15 全球购物
丝芙兰加拿大官方网站:SEPHORA加拿大
2018/11/20 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
餐饮主管岗位职责
2013/12/10 职场文书
消防志愿者活动方案
2014/08/23 职场文书
Python 如何安装Selenium
2021/05/06 Python
pytorch 如何使用float64训练
2021/05/24 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL