Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何制作签入复选框的项目数组_Javascript_Jquery_Html_Checkbox - Fatal编程技术网

Javascript 如何制作签入复选框的项目数组

Javascript 如何制作签入复选框的项目数组,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我在HTML页面中有大约20个默认选中的复选框(动态编号)。用户可以取消选中它或保持选中它。最后,有一个按钮用于提交 如何获取仅在提交时检查的项目?对于普通javascript解决方案,您可以使用 检索复选框,然后在其上循环,然后将push()选中属性的所有复选框:true设置为一个名为选中的数组 var checkbox=document.querySelectorAll(“输入[type=checkbox]”); var submit=document.getElementById(“提交

我在HTML页面中有大约20个默认选中的
复选框
(动态编号)。用户可以取消选中它或保持选中它。最后,有一个按钮用于
提交


如何获取仅在提交时检查的项目?

对于普通javascript解决方案,您可以使用

检索复选框,然后在其上循环,然后将
push()
选中
属性的所有复选框:true
设置为一个名为
选中的数组

var checkbox=document.querySelectorAll(“输入[type=checkbox]”);
var submit=document.getElementById(“提交”);
函数getChecked(){
检查的var=[];
对于(变量i=0;i

通过
css类
获取所有复选框,并迭代以选中条件
元素。选中它

检查此代码段

函数复选框(){
$(“input.abc”)。每个(函数(索引,元素){
如果(!element.checked){
console.log(索引+“未选中”);
}否则{
控制台日志(索引+“已选中”);
}
});
返回false;
}


你能发布你的代码吗?
var arr=$('YourCheckBoxSelector').filter(“:checked”).map(函数(){return this.value;}).get()-这可能会帮助您确定所有输入类型。如何在所有必要的检查和取消检查后执行此操作?更新为包含提交按钮!因此,如何仅获取值属性,而不是将标记更新为仅
.push()
复选框.value
放入
选中的
数组虽然答案完全正确,但如果我们使用更好的方式使用javascript,它会更干净。1.获取选中输入字段的列表:
let checkbox=[].slice.call(document.querySelectorAll(“input[type=checkbox]:checked”)
2。获取值数组:
let values=checkbox.map(item=>item.value)
我鼓励你们玩这些东西。