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 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
AngularJS入门教程之Scope(作用域)
Jul 27 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 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面向对象程序设计之类常量用法实例
2014/08/20 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
纯Javascript实现Windows 8 Metro风格实现
2013/10/15 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
JavaScript 作用域链解析
2014/11/13 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
vue写一个组件
2018/04/09 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
python搜索指定目录的方法
2015/04/29 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
python3 enum模块的应用实例详解
2019/08/12 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
学生会主席就职演讲稿
2014/01/14 职场文书
建筑个人求职信范文
2014/01/25 职场文书
健康教育评估方案
2014/05/25 职场文书
公司收款委托书范本
2014/09/20 职场文书
深度学习tensorflow基础mnist
2021/04/14 Python
Python之matplotlib绘制折线图
2022/04/13 Python