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 xml为数据源的下拉框控件
Jul 07 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
javascript避免数字计算精度误差的方法详解
Mar 05 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
JavaScript实现Excel表格效果
Feb 07 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
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
总结一些js自定义的函数
2006/08/05 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
Express.JS使用详解
2014/07/17 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
python基础教程之循环介绍
2014/08/29 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
Python列表如何更新值
2020/05/27 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
如何利用cmp命令比较文件
2013/09/23 面试题
公共事业管理本科生求职信
2013/10/07 职场文书
大学学年自我鉴定
2013/10/28 职场文书
工商管理专业应届生求职信
2013/11/04 职场文书
护士思想汇报
2014/01/12 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
学校班班通实施方案
2014/06/11 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
考试作弊检讨书
2014/10/21 职场文书
健康状况证明模板
2014/10/23 职场文书
小学体育课教学反思
2016/02/16 职场文书
python入门之算法学习
2021/04/22 Python
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android