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 相关文章推荐
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
jquery实现一个简单好用的弹出框
Sep 26 Javascript
javascript二维数组转置实例
Jan 22 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
使用axios发送post请求,将JSON数据改为form类型的示例
Oct 31 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 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
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
php中++i 与 i++ 的区别
2012/08/08 PHP
深入PHP数据加密详解
2013/06/18 PHP
php桥接模式应用案例分析
2019/10/23 PHP
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
2017/05/08 jQuery
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
微信小程序自定义胶囊样式
2020/12/27 Javascript
[48:20]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Tornado Web服务器多进程启动的2个方法
2014/08/04 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
关于Python内存分配时的小秘密分享
2019/09/05 Python
python web框架中实现原生分页
2019/09/08 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
介绍一下常见的木马种类
2014/11/15 面试题
工商管理实习自我鉴定
2013/09/28 职场文书
实习单位鉴定评语
2014/04/26 职场文书
小学生倡议书范文
2014/05/13 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
毕业论文致谢信
2015/05/14 职场文书
win10清理dns缓存
2022/04/19 数码科技