广告位联系
返回顶部
分享到

实现layui radio性别单选框赋值方法

JavaScript 来源:互联网搜集 作者:酷站 发布时间:2018-08-17 08:32:12 人浏览
摘要

本篇文章为大家介绍实现layui radio性别单选框赋值方法 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

本篇文章为大家介绍实现layui radio性别单选框赋值方法

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(); ,不然看不到效果。

以上就是全部教程了,希望对大家有所帮助。



版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计