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小技巧
Jul 21 Javascript
return false;和e.preventDefault();的区别
Jul 11 Javascript
input按钮的事件处理大全
Dec 10 Javascript
jQuery.each()用法分享
Jul 31 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
Jan 04 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
Jan 05 Javascript
Vue入门之数量加减运算操作示例
Dec 11 Javascript
vue脚手架项目创建步骤详解
Mar 02 Vue.js
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
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
2014/02/23 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
python在不同条件下的输入与输出
2020/02/13 Python
python爬虫容易学吗
2020/06/02 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
2014年学生会部门工作总结
2014/11/07 职场文书
2014企业年终工作总结
2014/12/23 职场文书
五年级下册复习计划
2015/01/19 职场文书
2016情人节宣传语
2015/07/14 职场文书
学生会主席任命书
2015/09/21 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技