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

Posted adublog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq实现根据值选择单选框的值相关的知识,希望对你有一定的参考价值。

                <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输入框的值

 

以上是关于jq实现根据值选择单选框的值的主要内容,如果未能解决你的问题,请参考以下文章

jq easyui 怎么获取到每一行的值 并且把下拉框选中的值也获取到。

javascript原生代码取单选框的值

获取单选框的值有5种方式:

js获取单选框的值,不同值执行不同的东西,这个怎么弄?

PHP中怎样获取radio单选框的值

关于通过jq /js 实现验证单选框 复选框是否都有被选中