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 相关文章推荐
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
jquery zTree异步加载简单实例讲解
Feb 25 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 Javascript
vue下载二进制流图片操作
Oct 26 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
JavaScript实现两个数组的交集
Mar 25 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实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
理解 JavaScript 预解析
2009/10/25 Javascript
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
jquery 中的each()跳出循环的语句
2014/05/23 Javascript
js使用心得分享
2015/01/13 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
React中的render何时执行过程
2018/04/13 Javascript
深入浅析angular和vue还有jquery的区别
2018/08/13 jQuery
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
使用Python生成随机密码的示例分享
2016/02/18 Python
教你用Type Hint提高Python程序开发效率
2016/08/08 Python
python fabric实现远程部署
2017/01/05 Python
python 获取字符串MD5值方法
2018/05/29 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
python数据化运营的重要意义
2019/11/25 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
销售高级职员求职信
2013/10/29 职场文书
大学生演讲稿
2014/04/25 职场文书
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
个人遵守党的政治纪律情况对照检查材料思想汇报
2014/09/25 职场文书
银行贷款委托书范本
2014/10/11 职场文书
项目安全员岗位职责
2015/02/15 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书