实现layui radio性别单选框赋值方法_F11 - 专业站长和开发者的学习网站

本篇文章为大家介绍实现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(); ，不然看不到效果。

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