码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-11-23 12:03:56      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:输入   find   rgba   innertext   remove   creat   itemid   rgb   输入框   

                <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实现根据值选择单选框的值

标签:输入   find   rgba   innertext   remove   creat   itemid   rgb   输入框   

原文地址:https://www.cnblogs.com/AduBlog/p/14000175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!