Javascript 如何检测选中了哪些复选框?

Javascript 如何检测选中了哪些复选框?,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我需要使用复选框,但没有“提交”按钮——它需要在用户已经在的页面上产生效果,与包含复选框的页面相同 基本上,我有10个复选框元素。用户选择一定数量的按钮,然后单击按钮元素。当他们单击该元素时,我需要检测哪些复选框已被选中。用最短的代码量做这件事的最佳方法是什么?试试: <input type="checkbox" id="1" value="one"/> <input type="checkbox" id="2" value="two"/> <

我需要使用复选框,但没有“提交”按钮——它需要在用户已经在的页面上产生效果,与包含复选框的页面相同

基本上,我有10个复选框元素。用户选择一定数量的按钮,然后单击按钮元素。当他们单击该元素时,我需要检测哪些复选框已被选中。用最短的代码量做这件事的最佳方法是什么?

试试:

    <input type="checkbox" id="1" value="one"/>
    <input type="checkbox" id="2" value="two"/>
    <input type="checkbox" id="3" value="three"/>
    <input type="button" onclick="validate()" value="Check"/>   

    <script type="text/javascript">
        function validate(){
            var chkArr = document.querySelectorAll('input[type="checkbox"]');
            var notChecked='';
            for(var i=0;i<chkArr.length;i++){
                if(!chkArr[i].checked)
                    notChecked += chkArr[i].value
            }
            if(notChecked.length)
                alert(notChecked);
        }
    </script>

函数验证(){
var chkArr=document.querySelectorAll('input[type=“checkbox”]”);
var缺口=“”;
对于(var i=0;i尝试:


函数验证(){
var chkArr=document.querySelectorAll('input[type=“checkbox”]”);
var缺口=“”;

对于(var i=0;i,使所有复选框共享同一类

var allChecked = $(".checkBoxClass:checked");
这将返回类
checkBoxClass
中的复选框列表。现在您可以迭代每个元素并对其进行操作

for(var i=0; i<allChecked.length; i++) {    
  console.log("Checkbox " + $(allChecked[i]).val().toString() + " is checked");
}

for(var i=0;i使所有复选框共享同一类

var allChecked = $(".checkBoxClass:checked");
这将返回类
checkBoxClass
中的复选框列表。现在您可以迭代每个元素并对其进行操作

for(var i=0; i<allChecked.length; i++) {    
  console.log("Checkbox " + $(allChecked[i]).val().toString() + " is checked");
}

for(var i=0;i以下任何一项都应该有效:

$('input:checked');

$('input:checkbox:checked');

$('input:checkbox').filter(':checked');

其中任何一项都应该有效:

$('input:checked');

$('input:checkbox:checked');

$('input:checkbox').filter(':checked');

您是否使用jquery或其他js库?或者您需要在计划javascript代码中完成?在jquery:
$('selectorx:checked')中
是最短的一个,唯美主义者知道了!我不在乎,也可以。最快的,通常是jQuery。问题被标记为
jQuery
。你使用jQuery还是其他js库?或者你需要在计划javascript代码中完成?在jQuery:
$('selectorx:checked'))
是最短的一个,唯美主义者知道了!我不在乎,也可以。任何最快的,通常是jQuery。问题被标记为
jQuery
。jQuery是神圣的。这很好。出于某种原因,我一直担心这一点。这不起作用。在类名和选中的属性之间有一个空格。jQuery是神圣的。这是太好了。出于某种原因,我一直在担心这个问题。这不起作用。类名和选中的属性之间有一个空格。如果你在计划js中输入完整答案,那就太好了。如果你在计划js中输入完整答案,那就太好了。如果你在计划js中输入完整答案,那就太好了