2009-11-09

[Javascript] checkboxの配列

checkboxの配列は何度かやったことはあるのですが、たまにしか使わないため、
そのたびに調べているような気がするのでメモしておきます。

HTML的には
<input type="chekbox" name="check_name[]" value="1">aaa
<input type="chekbox" name="check_name[]" value="2">bbb

という書き方になります。



以下は、チェックされている数を調べる関数の例です。

<script language="javascript">
function CheckboxCount() {
  // チェックされたcheckboxの数をチェック
  if (document.form_check.elements[check_name[]'].length) {
    count = 0;
    for (var i=0;i<document.form_check.elements[check_name[]'].length;i++){
      alert(document.form_check.elements[check_name[]'][i].checked);
      if (document.form_check.elements[check_name[]'][i].checked) {
        count++;
      }
    }
    if (count > 0) {
      alert(count + "個のチェックボックスがチェックされています。");
      return true;
    } else {
      alert("返品する商品にチェックを入れてください。");
      return false;
    }
  } else {
    if (document.form_check.elements[check_name[]'].checked) {
      alert("1個のチェックボックスがチェックされています。");
      return true;
    } else {
      alert("返品する商品にチェックを入れてください。");
      return false;
    }
  }
}
</script>

Comment:

Trackback URL: