JS如何获取表单中复选框的值?

<input type=checkbox name="chk" value=1>
在js中可以用document.form.chk.value获得其值。
请问下边的三个复选框如何获取其值?
document.form.chk[].value报错。
<input type=checkbox name="chk[]" value=1>
<input type=checkbox name="chk[]" value=2>
<input type=checkbox name="chk[]" value=3>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script>
        function f1() {
            //获取所有name为chk的多选框,返回一个多选框数组
            var chks = document.form.chk;

            //把选中的多选框的值拼接成字符串
            var str = "";

            //循环多选框数组
            for (var i = 0; i < chks.length; i++) {
                //如果多选框被选中,则把值累计到str中
                if (chks[i].checked == true) {
                    str += chks[i].value + ",";
                }
            }

            //弹出多选框选中的结果
            alert("您勾选的值是:"+str);
        }
    </script>
</head>
<body>
    <form name="form">
        <input type=checkbox name="chk" value=1>
        <input type=checkbox name="chk" value=2>
        <input type=checkbox name="chk" value=3>
        <input type="button" value="测试" onclick="f1()"/>
    </form>
</body>
</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-27

这样不行的,而且要获得复选框也应该这么写:

document.form['chk[]'].value

然后再循环判断checked属性,取值。

追问


var x=document.form['chk[]'].value;
for(var i=0;i
没有用呀

追答

解决了吧,多了个value

本回答被提问者采纳
第2个回答  2015-04-14
function fun1(){
var value = "";
var a = document.getElementsByName("chk");
for (var i=0;i<a.length;i++ ){
if(a[i].checked){
value=value+a[i].value + " ";
}
}
alert(value);

<input type=checkbox name="chk" value="1">
<input type=checkbox name="chk" value="2">
<input type=checkbox name="chk" value="3">
<input type=checkbox name="chk" value="4">
<input type="button" value="获取" onclick="fun1();">

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网