jq实现根据值选择单选框的值

Posted 2020-12-21 adublog

                <div class="radio-div">
                    <div style="width: 100px; float: left;">
                        <input name="typeName" type="radio" value="1">
                        <label><em></em><span>集团</span></label>
                    </div>
                    <div style="width: 100px; float: left;">
                        <input name="typeName" type="radio" value="2">
                        <label><em></em><span>企业</span></label>
                    </div>
                    <input id="E_GType" name="E_Type" type="hidden" value="1">
                </div>

比如存在上述单选框。（存在于编辑对话框中）

我根据选中行的字段来判断

$.each($(‘#createType‘).find(‘input‘), function (n, v) {
            var temp = row.D_ItemID == 1 ? ‘1‘ : ‘2‘;
            if ($(v).val() == temp)
            { $(v).next(‘label‘).addClass(‘checked‘) }
        })

如果input里面的value等于传来的字段值，那么就将后面的label添加一个checked属性

当选择单选按钮的时候

$(‘#createType‘).find(‘label‘).on(‘click‘, function () {
            $.each($(‘#createType‘).find(‘label‘), function (i, n) {
                $(n).removeClass(‘checked‘);
            })
            $(this).addClass(‘checked‘);//单选框赋值
            var a = $(this)[0].innerText;
            $("#createType .radio-div #E_GType").val(a);
        })

我将选择的值传给了后面的隐藏输入框，可以直接获取hidden输入框的值