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>

举报该文章

相关建议 2015-04-14

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

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

当前网址：https://11.t2y.org/zz/428sp74qq72ps22fvs.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();">

JS如何获取表单中复选框的值
定义变量。选择所有对象，返回数组。取到对象数组后，用for循环检测它是不是被选中。如果选中，将value添加到变量中。

js获取多选框被选中的值(js获取选中的单选按钮)
js怎么取得name=checkbox[]的复选框选中个数利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的valu...

js value是什么意思?
value值还可以被用在表单中，它用于表示选中的单选框或复选框的值。当用户在表单中点击选择框时，JavaScript会更新这些值并将它们存储在hidden的input中。然后，这些值可以被提交到服务器。你可以使用document.getElementById()方法来获取单选框或复选框的value值。在JavaScript中，value值还可以用于按键事件...

js表单提交后,如何获取表单中的数据并显示出来
表单是用form来填写，在提交前可以获取表单里面的数据。我这里用jquery实现。 inputText checkBox1 checkBox2

如何获取jsp页面中输入框的值
如果是javascript获取 document.getElementById("表单的ID").value;如果是servlet 在目标servlet调用 request.getParameter("表单的name值注意：id值获取不到")如果是struts框架的html标签比如是一个文本在js获取就要标记 styleId="ID" 同样 document.getElementById("表单的ID").value;在struts html...

如何用js或者jquery获取input框里面的值
通过js来获取input的值的准备工作首先建立一个静态页面命名为getvalue.html，标题为“如何用js或者jquery获取input框里面的值”。建立一个form name为"form1"，并添加input type为“text”，name为"mycontent" ， id为"mycontentid"加一个button点击的时候触发click 时间...

用JS如何获得table中checkbox所在的行列值?弄了一个上午了好捉急!_百 ...
你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)点击 checkbox，获取 parentNode (也就是 td)，td.cellIndex 就是所在列的键值点击 checkbox，获取 parentNode.parentNode (也就是 tr)，tr.rowIndex 就是所在行的键值 \/\/ 点击document.onclick = function(e) ...

JSP中的中的值怎么取出?
1、定义一个input节点 2、找到该Input var domInput = document.getElementById('ipt');\/\/找到id是ipt的input节点 3、获取value值 domInput.value;连起来在function使用如下：function kk(){ var domInput = document.getElementById('ipt');\/\/找到id是ipt的input节点 var v = domInput.value;...

html表单输入框里,用户输入的内容怎么引入到javascript的语句中...
这个很简单..比如你html里有个这个假如就是用户输入的内容然后你在js写上document.getElementById("uname").value就可以获取到用户输入的内容了

JSP中如何只在一个表单里获得下拉菜单的值?只需要用这个值去做判断,不...
你说的不具体，没法具体回答，不知道你要在哪、怎么做判断。jsp页面里，function change() { var 变量名 = document.getElementById("下拉框的id").value;} 这样每次改变都能获取

相似回答

大家正在搜