js中怎么获取checkbox选中的值

如题所述

举报该文章

相关建议 2016-03-24

jsä¸è·åcheckboxéä¸çå¼çæ¹æ³ï¼
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("è¯·åéæ©ä¸ä¸ªç±å¥½");
}
else
{
alert("åæ©çæ¯ï¼"+chestr);
}
}
</script>

éæ©ç±å¥½ï¼
<input type="checkbox" name="box" id="box1" value="è·³æ°´" />è·³æ°´
<input type="checkbox" name="box" id="box2" value="è·æ¥" />è·æ¥
<input type="checkbox" name="box" id="box3" value="å¬é³ä¹" />å¬é³ä¹
<input type="button" name="button" id="button" onclick="checkbox()" value="æäº¤" />

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/ctxcc02f2xht2t0t0hh.html

其他看法

第1个回答 2018-03-31

有两种方法：

1、方法一HTML结构如下：

2、方法二javascript代码如下：

3、显示效果如下：

js获得多个checkbox选中的值的方法：

一、代码如下：

二、后台获得参数为：

//获得的均为数组值：

String checboxValues=request.getParameter("checboxValue");

String checboxTexts=request.getParameter("checboxText");

//得到每个具体值：

String checboxValue=checboxValues.split(",");

String checboxText=checboxTexts.split(",");

三、备注：

nextSibling是获得当前对象的下一个对象，nodeValue是返回一个节点的值

使用该方法必须保证文本值在input后面，否则checkboxStr[i].nextSibling.nodeValue获取不到文本值

本回答被网友采纳

第2个回答推荐于2017-11-22

代码示例

<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>

本回答被网友采纳

相似回答

大家正在搜