用js或jquery获取被CheckBox选中的值

u010247577 2013-04-28 09:57:34

比如 <input type="checkbox" rel="Reason" value='你大爷'/>你大爷的<br />
<input type="checkbox" rel="Reason"/>你滚犊子的<br />
<input type="checkbox" rel="Reason" />你全家的
<asp:TextBox ID="texBox1"></asp:TextBox>

如何用js或jquery循环判断checkBox的选中状态并将值显示到TextBox控件里

...全文

19192 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

a471278514 2013-04-28

打赏
举报

加了runat="server" 要用ClientID

u010247577 2013-04-28

打赏
举报

引用 3 楼 a471278514 的回复:



<head id="Head1" runat="server">
    <title>ViewPage1</title>

    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".chk").click(function() {
                var aa = document.getElementsByName("chk");
                var ss = "";
                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].checked) {
                        ss += aa[i].value;
                    }
                }
                $("#txt").val(ss);
            });
        })
    </script>

</head>
<body>
    <div>
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
        <input type="text" id="txt" />
    </div>
</body>

刚才仔细看了下是因为那个textBox的ID搞错了现在搞定了谢谢啊

u010247577 2013-04-28

打赏
举报

引用 3 楼 a471278514 的回复:



<head id="Head1" runat="server">
    <title>ViewPage1</title>

    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".chk").click(function() {
                var aa = document.getElementsByName("chk");
                var ss = "";
                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].checked) {
                        ss += aa[i].value;
                    }
                }
                $("#txt").val(ss);
            });
        })
    </script>

</head>
<body>
    <div>
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
        <input type="text" id="txt" />
    </div>
</body>

我仿照你的写了下 <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function () { $(':input[rel=Reason]').click(function () { var aa = document.getElementsByName("chk"); var ss = ""; for (var i = 0; i < aa.length; i++) { if (aa[i].checked) { ss += aa[i].value; } } $("#txt").val(ss); }); }) </script> </head> <body> <form id="form1" runat="server"> <input name="chk" type="checkbox" rel="Reason" value='你大爷'/>你大爷的<br /> <input name="chk" type="checkbox" rel="Reason" value='你滚犊子的'/>你滚犊子的<br /> <input name="chk" type="checkbox" rel="Reason" value='你全家的' />你全家的<br /> <asp:TextBox ID="TextBox1" name="txt" runat="server"></asp:TextBox> 出不来你的效果因为不能用class 这会影响到布局所以加了个rel="Reason"

_老吴 2013-04-28

打赏
举报

jQuery("input[rel='Reason']:checked").each(i,item){ //这个是取值的，赋值应该知道吧 $(item).val(); });

nitaiyoucala 2013-04-28

打赏
举报

引用 3 楼 a471278514 的回复:



<head id="Head1" runat="server">
    <title>ViewPage1</title>

    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".chk").click(function() {
                var aa = document.getElementsByName("chk");
                var ss = "";
                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].checked) {
                        ss += aa[i].value;
                    }
                }
                $("#txt").val(ss);
            });
        })
    </script>

</head>
<body>
    <div>
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
        <input type="text" id="txt" />
    </div>
</body>

a471278514 2013-04-28

打赏
举报



<head id="Head1" runat="server">
    <title>ViewPage1</title>

    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".chk").click(function() {
                var aa = document.getElementsByName("chk");
                var ss = "";
                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].checked) {
                        ss += aa[i].value;
                    }
                }
                $("#txt").val(ss);
            });
        })
    </script>

</head>
<body>
    <div>
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
        <input type="text" id="txt" />
    </div>
</body>

u010247577 2013-04-28