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 相关文章推荐
JS 时间显示效果代码
Aug 23 Javascript
jQuery技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
Angular路由简单学习
Dec 26 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
js实现内置计时器
Dec 16 Javascript
javascript实现画板功能
Apr 12 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树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php中 $$str 中 &quot;$$&quot; 的详解
2015/07/06 PHP
PHP打印输出函数汇总
2016/08/28 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
PHP 8新特性简介
2020/08/18 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
Python中条件判断语句的简单使用方法
2015/08/21 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
Python对象属性自动更新操作示例
2018/06/15 Python
Python Collatz序列实现过程解析
2019/10/12 Python
Python字符串的修改方法实例
2019/12/19 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
公司司机岗位职责
2014/02/07 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
2014年创卫工作总结
2014/11/24 职场文书
鸡毛信观后感
2015/06/11 职场文书
初中毕业感言300字
2015/07/31 职场文书
Python闭包的定义和使用方法
2022/04/11 Python