选中至少一个复选框javascript

我需要检查至少一个复选框，不知道为什么它不工作！！ 请帮忙

ss=0;
for (i=0;i<=4;i++) 
{
if (document.f.cat[i].checked)

ss++; 
} 
if (ss==0){
alert("Please check at least one ");
return false;
}


> <p><input type="checkbox" name="cat1" value="ON">Art1     <input
> type="checkbox" name="cat2" value="ON">Art2   <input type="checkbox"
> name="cat3" value="ON">Art3   <input type="checkbox" name="cat4"
> value="ON">Art 4</p>

ss=0；
对于（i=0；iArt1 type=“checkbox”name=“cat2”value=“ON”>Art2 name=“cat3”value=“ON”>Art3 value=“ON”>Art4

使用此脚本检查：

  <input type="checkbox" name="cat1" value="ON">Art1
  <input type="checkbox" name="cat1" value="ON">Art2
  <input type="checkbox" name="cat1" value="ON">Art3
  <input type="checkbox" name="cat1" value="ON">Art4
  <button type="button" onclick="checkValues()">Click</button>


    var validate = false;
     function checkValues() {
        $('input[type=checkbox]').each(function () {
           alert(this.checked);
           if(this.checked) {
             validate = true;
             return false;
           }
        });
     }

---

你是说像这样的

首先，我会为每个元素分配一个唯一的Id

<input type="checkbox" id="cat1" value="ON">Art1
<input type="checkbox" id="cat2" value="ON">Art2
<input type="checkbox" id="cat3" value="ON">Art3
<input type="checkbox" id="cat4" value="ON">Art4

var clicked = false;
for (i = 0; i <= 4; i++) {
  if($('#cat'+[i]).is(':checked'))  {
    clicked = true;
    return;
  }
}
if(clicked == false) {
  document.getElementById("cat"+[1]).checked;
}

Art1
第2条
第三条
第4条
var=false；
因为（i=0；i在你的帖子中没有太多的完整性。我创建了以下场景来为你提供答案

<p>
<input type="checkbox" name="cat1" value="ON">Art1
<input type="checkbox" name="cat1" value="ON">Art2
<input type="checkbox" name="cat1" value="ON">Art3
<input type="checkbox" name="cat1" value="ON">Art4
</p>
<p><button type="button" onClick="checkIsChecked()">Check Options</button></p>


第1条
第2条
第三条
第4条

检查选项


JS:

函数checkIsChecked（）{
var inputs=document.getElementsByTagName（'input'）；
var标志=假；
对于（变量i=0；i
您可以使用
document.querySelectorAll（'.checkbox-input[type=“checkbox”]：checked'）
查找选中的复选框


var btn=document.getElementById（'check'）；
var msg=document.getElementById（'checkedValue'）；
btn.addEventListener（'click'，function（）{
var len=document.querySelectorAll（'.checkbox输入[type=“checkbox”]：checked'）。长度
如果（len）
您可以使用此代码验证是否至少选中了一个复选框

谢谢！！
你的代码有点薄，但我认为脚本应该出现在HTML代码之后。你为什么不用HTML检查一下默认值？这是给学校的，老师给出了这样的解决方案！我知道还有很多其他方法，但我需要解决这个问题one@Remix2017您可以使用
$（'）。复选框输入[type=“checkbox”]：checked'）
查找选中的复选框。我在下面发布了一个解决方案，这可能会有所帮助you@Endless我试图给OP提供一个替代方案，所以我使用了jQuery.BTW，由答案更新。
<p>
<input type="checkbox" name="cat1" value="ON">Art1
<input type="checkbox" name="cat1" value="ON">Art2
<input type="checkbox" name="cat1" value="ON">Art3
<input type="checkbox" name="cat1" value="ON">Art4
</p>
<p><button type="button" onClick="checkIsChecked()">Check Options</button></p>

function checkIsChecked(){

    var inputs = document.getElementsByTagName('input');
    var flag = false;

    for(var i = 0; i < inputs.length; i++) {
        if(inputs[i].checked) {
            flag = true;
        }
    }

    if(!flag){
        alert("Please check at least one ");
        return false;
    }
}

if(($("#checkboxid1").is(":checked")) || ($("#checkboxid2").is(":checked"))
                || ($("#checkboxid3").is(":checked"))) {
     //Your Code here
    }