zoukankan      html  css  js  c++  java
  • jq实现根据值选择单选框的值

                    <div class="radio-div">
                        <div style=" 100px; float: left;">
                            <input name="typeName" type="radio" value="1">
                            <label><em></em><span>集团</span></label>
                        </div>
                        <div style=" 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输入框的值

     或者使用

    $('#createType').find('label.checked').prev('input').val()
    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    tcp 状态转移图详解
    TCP三次握手四次挥手详解
    TCP可靠传输详解
    TCP和UDP的最完整的区别
    Form – 保存自動關閉當前窗口
    Form
    Form
    FORM
    Form 重置记录编号(app_record.for_all_record)
    Oracle Form Developer: Folder FRM-99999 Error 14212
  • 原文地址:https://www.cnblogs.com/AduBlog/p/14000175.html
Copyright © 2011-2022 走看看