layui radio性别单选框赋值方法
更新时间:2018年08月15日 10:06:59 作者:小风乄
今天小编就为大家分享一篇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(); ,不然看不到效果。
以上这篇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属性或别的属性没显示出来的问题
相关文章
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
这篇文章主要介绍了HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法,需要的朋友可以参考下2015-11-11
最新评论