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

<!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>
posted @ 2021-07-05 18:28  2013056495  阅读(1080)  评论(0)    收藏  举报