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属性或别的属性没显示出来的问题
相关文章
childNodes.length与children.length的区别
childNodes.length与children.length的值常不一样。2009-05-05
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
在处理比较耗时的请求的时候,我们总希望先让用户先看到部分内容,让用户知道系统正在进行处理,而不是无响应。2010-06-06


最新评论