-1

最初のチェックボックスをクリックしたときにすべてのチェックボックスをチェックするスクリプトを作成しました。HTMLでonClickイベントを使用している場合は完全に機能していますが、onClickイベントを使用しない場合は機能しません。

HTMLコードは次のとおりです。

<table>

<tr>
    <td><input id="check-all" type="checkbox"/>
</tr>

<tr>
    <td><input id="check1"  type="checkbox" name="check"/>
</tr>

<tr>
    <td ><input id="check2"  type="checkbox" name="check"/>
</tr>

<tr>
    <td><input id="check3"  type="checkbox" name="check"/>
</tr>

そして、これは私が実行しようとしている Javascript コードですが、動作しません。

var checkbox = document.getElementById("check-all");

checkbox.onclick = function () {
  checkboxes = document.getElementsByName('check');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}

私はJavascriptを使い始めたばかりで、何か間違ったことをしたかもしれません。指摘してください。

4

2 に答える 2

2

未定義の変数があると思います：

var checkbox = document.getElementById("check-all");

checkbox.onclick = function () {
  checkboxes = document.getElementsByName('check');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = this.checked;
  }
}

「check-all」のチェックされた値を取得するには、どこにも定義されていない「source」を値に置き換える必要があります。

于 2013-04-20T12:43:10.127 に答える
0

あなたの source.checked は無効であり、間違った使い方をしています

this.checked

それ以外の

source.checked
于 2013-04-20T12:45:02.673 に答える