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 相关文章推荐
ExtJS 2.0实用简明教程 之获得ExtJS
Apr 29 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
AngularJS表单详解及示例代码
Aug 17 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 Javascript
vue动态生成dom并且自动绑定事件
Apr 19 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
微信小程序中显示倒计时代码实例
May 09 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 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入门
2006/10/09 PHP
mysq GBKl乱码
2006/11/28 PHP
PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
php中namespace及use用法分析
2016/12/06 PHP
JavaScript Accessor实现说明
2010/12/06 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
原生js实现电商侧边导航效果
2017/01/19 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
js实现炫酷光感效果
2020/09/05 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
Python实现二维数组按照某行或列排序的方法【numpy lexsort】
2017/09/22 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
详解python做UI界面的方法
2019/02/27 Python
python实现QQ批量登录功能
2019/06/19 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
初三英语教学反思
2016/02/15 职场文书
linux目录管理方法介绍
2022/06/01 Servers
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技