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 相关文章推荐
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
jQuery选择器全面总结
Jan 06 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
JS判断字符串变量是否含有某个字串的实现方法
Jun 03 Javascript
ES6入门教程之Class和Module详解
May 17 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
微信小程序实现搜索功能
Mar 10 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几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
JS实现超炫网页烟花动画效果的方法
2015/03/02 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
详解AngularJS中ng-src指令的使用
2016/09/07 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
Python实现直播推流效果
2019/11/26 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
给酒店员工的表扬信
2014/01/11 职场文书
公司联欢晚会主持词
2014/03/22 职场文书
联谊会主持词
2014/03/26 职场文书
安全生产演讲稿
2014/05/09 职场文书
夫妻分居协议书范本
2014/11/28 职场文书