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 css styleFloat和cssFloat
Mar 15 Javascript
JQuery 动态扩展对象之另类视角
May 25 Javascript
javascript开发中因空格引发的错误
Nov 08 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
jQuery Ajax 全局调用封装实例代码详解
Jun 02 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
Jun 12 Javascript
清除输入框内的空格
Dec 21 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
利用JS响应式修改vue实现页面的input值
Sep 02 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
JavaScript图片旋转效果实现方法详解
Jun 28 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
咖啡知识大全
2021/03/03 新手入门
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
js三种排序算法分享
2012/08/16 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
Django视图和URL配置详解
2018/01/31 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Python解析多帧dicom数据详解
2020/01/13 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
pyqt5中动画的使用详解
2020/04/01 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
PHP面试题及答案二
2015/05/23 面试题
出纳会计岗位职责
2014/03/12 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android
实例详解Python的进程,线程和协程
2022/03/13 Python
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android
python井字棋游戏实现人机对战
2022/04/28 Python
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技