发布于 1个月前

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);
©2020 edoou.com   京ICP备16001874号-3