layui radio性别单选框赋值方法

2019-11-15,,,

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性别单选框赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。

您可能感兴趣的文章:

  • layui监听select变化,以及设置radio选中的方法
  • 浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
  • layui中select,radio设置不生效的解决方法
  • 解决layui的使用以及针对select、radio等表单组件不显示的问题
  • 解决layui 表单元素radio不显示渲染的问题
  • layui radio单选限制下一个radio单选的实例
  • layui 实现自动选择radio单选框(checked)的方法
  • Layui之table中的radio在切换分页时无法记住选中状态的解决方法
  • layui radio点击事件实现input显示和隐藏的例子
  • layui中使用jquery控制radio选中事件的示例代码
  • 解决layui的radio属性或别的属性没显示出来的问题

《layui radio性别单选框赋值方法.doc》

下载本文的Word格式文档,以方便收藏与打印。