0

チェックボックスのリストがあり、すべてのチェックボックスがクリックされていることを確認するために JavaScript 関数を作成する必要があります。誰でも助けることができますか？

   <input type="checkbox" name="check_group[]" id="name" /> name
   <input type="checkbox" name="check_group[]" id="age" /> age
   <input type="checkbox" name="check_group[]" id="school" /> school
   <input type="checkbox" name="check_group[]" id="company"> company

したがって、2 つだけをクリックした場合、サーバー側の処理のために送信できるように、クリックした 2 つを知る必要があります。

4

3 に答える 3

1

チェックボックスがすべて同じ名前であるとすると、次のような関数を使用できます。

function getChecked(name) {
  var els = document.getElementsByName(name);

  for (var i=0, iLen=els.length; i<iLen; i++) {

    if (els[i].checked) {
      // els[i] is checked, do stuff
    }
  }
}
于 2013-02-25T12:12:56.780 に答える
0

入力タイプのボタンを用意し、クリック時にこの関数を呼び出します

function callMeOnButtonClick()
{

  var selectedBox  = document.querySelectorAll('input[name*=check_group]');
  // You may also use
  // var selectedBox = document.getElementsByName('check_group[]');
  // The above two statements will give you the same result. i.e., array of checkboxes having name check_group[]

  var count++;
  for(var i=0; i<selectedBox.length; i++)
  {
      if(selectedBox[i].checked)
      {
          count++;
          // Do processing
      }
  }
  alert("Number of selected checkbox: "+count);
}
于 2013-02-25T12:07:40.443 に答える
-2

jQueryを使用して、チェックされた要素をjavascriptで見つけることができます

alert($("check_group[]:[checked=checked]").length);

そして、それらの値を使用してサーバー側に送信して処理することができます

于 2013-02-25T12:05:28.377 に答える