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对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
从对象列表中获取一个对象的方法,依据关键字和值
Sep 20 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
36个正则表达式(开发效率提高80%)
Nov 17 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执行速度全攻略
2006/10/09 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
php中关于换行的实例写法
2019/09/26 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
Python 转义字符详细介绍
2017/03/21 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
python+opencv实现摄像头调用的方法
2019/06/22 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
python模拟斗地主发牌
2020/04/22 Python
Python如何实现邮件功能
2020/05/27 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
linux面试题参考答案(11)
2012/05/01 面试题
农行实习自我鉴定
2013/09/22 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
物流仓储计划书
2014/01/10 职场文书
授权委托书公证
2014/09/14 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js
Python3接口性能测试实例代码
2021/06/20 Python
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android