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()
    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    HDU4465 Candy
    《有关概率和期望问题的研究》读书笔记(完成度:40%)
    HDU5583 Kingdom of Black and White
    Gym100548F Color
    HDU6035 Colorful Tree
    Echarts笔记
    springMVC
    Struts2
    SSH框架学习中遇到的问题
    I/O流
  • 原文地址:https://www.cnblogs.com/AduBlog/p/14000175.html
Copyright © 2011-2022 走看看