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

<inputtype=checkboxname="chk"value=1>在js中可以用document.form.chk.value获得其值。请问下边的三个复选框如何获... <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>
展开
 我来答
卑微丶过客
2015-04-14 · TA获得超过210个赞
知道答主
回答量:33
采纳率:0%
帮助的人:38.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>
zero7u
推荐于2017-09-27 · TA获得超过238个赞
知道小有建树答主
回答量:171
采纳率:0%
帮助的人:156万
展开全部

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

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

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

追问

var x=document.form['chk[]'].value;
for(var i=0;i
没有用呀
追答
解决了吧,多了个value
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
白羊LE0
2015-04-14 · 超过46用户采纳过TA的回答
知道小有建树答主
回答量:146
采纳率:0%
帮助的人:68.4万
展开全部
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();">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式