JavaScript 中的复选框

Question

事情是这样的。任务是编写一个函数，该函数应该能够确定每个问题选中的复选框数量，并在选择超过 3 个答案时提示用户。 我总共有 8 个问题，每个问题有 4 到 8 个答案，采用复选框格式。 这就是我想到的：

function countChecks(){
   var m = 0;
   var n = 0;
 chk = document.getElementsByName("DSelectionID");

  for(var i=0; i<myitems.length i=""></myitems.length>
   var value = myItems[i];

  for(n = 0; n < value.length; n++) {
 if(value[n].checked)  {
  m++;
 }
 }
 return m;
 }

上面的函数对于一个问题工作正常，并将“m”返回到主函数，主函数以这种方式处理它：

var check = countchecks();

if (check > 3)
 alert ("more than 3 checkboxes were selected");
   else { 
 //do the thing 
}  

遍历所有 8 个问题，这就是我想到的：

 function countChecks(){

   var m = 0;
   var n = 0;

//this captures id 代表正确的问题

 chk = document.getElementsByName("DSelectionID");
 chk2 = document.getElementsByName("DSelectionID2");
 chk3 = document.getElementsByName("DSelectionID3");
 chk4 = document.getElementsByName("DSelectionID4");
 chk5 = document.getElementsByName("DSelectionID5");
 chk6 = document.getElementsByName("DSelectionID6");
 chk8 = document.getElementsByName("DSelectionID8");
 chk9 = document.getElementsByName("DSelectionID9");

  var myItems = new Array();

  myItems[0]= chk;
  myItems[1]= chk2;
  myItems[2]= chk3;
  myItems[3]= chk4;
  myItems[4]= chk5;
  myItems[5]= chk6;
  myItems[6]= chk8;
  myItems[7]= chk9;

//循环所有问题 对于（变量我= 0;我 var 值 = myItems[i];

//循环遍历每个问题的复选框

 for(n = 0; n < value.length; n++)
  {
  if( value[n].checked)
  {
      m++;
     if (m > 3) {
    return false; 
   }
  }
 }
   }
}

，主体像这样处理它：

var check = countChecks() 
if (check == false)
alert ("more than 3 checkboxes were selected");
   else {
//do the thing
  }

这是一个非常简单的东西，我在 countChecks() 函数中丢失了 有什么想法吗？

Answer 1

使用 jquery 将使这变得非常简单

if ($('#yourform input[type=checkbox]:checked').length() > 3) {
   alert('More than 3 checked');
}

Answer 2

chk = document.getElementsByName("DSelectionID"); 不会获取 ID，而是获取对 DOM 中元素的引用。

要获取 ID，您需要使用：

chk = document.getElementsByName("DSelectionID").getAttribute("id")