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()
    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    Servlet程序开发-- 过滤器
    English--Computer System
    Servlet程序开发--实例操作:MVC设计模式应用
    Servlet程序开发--WEB开发模式(Mode I, Mode II)
    在服务器上搭建git仓库
    git 搭建本地仓库
    smartcrop.js 内容感知图像裁剪
    js函数 eql,equal,equalp
    nodejs XML和json互相转换
    js 创建XML
  • 原文地址:https://www.cnblogs.com/AduBlog/p/14000175.html
Copyright © 2011-2022 走看看