发布于 3年前
Layui radio(单选按钮)的使用(动态渲染和更改选中值)
1 动态渲染
HTML代码:
<form>
<input type="radio" name="bShow" value="1" title="是" />
<input type="radio" name="bShow" value="0" title="否" />
</form>
注:动态渲染select标签时,需要将select标签置于form表单内。
2 更改选中值
$('[name=bShow]').each(function (i, item) {
if ($(item).val() == '0') {
//更改选中值
$(item).prop('checked', true);
//重新渲染
layui.use('form', function () {
var form = layui.form;
form.render();
});
}
});
或者点击“是”时:
$("input[name='bShow'][value='1']").prop("checked", true);
$("input[name='bShow'][value='0']").prop("checked", false);