| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

JavaScript 動的にコントロールを扱うとき

提供: MyMemoWiki
2020年2月16日 (日) 04:27時点におけるPiroto (トーク | 投稿記録)による版
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる

JavaScript |

動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが1つになるとエラーになってしまう。

  //
  // radioMember という ラジオボタンを使用している場合
  // インスタンスが1つしかないとエラーとなる
  //
  for (var i=0; i<document.all.radioMember.length; i++) {
      document.all.radioMember[i].checked = false;
  }

document.getElementsByName を利用すると、常に配列として取得できる。

  // 
  // radioMember という ラジオボタンを使用している場合
  // インスタンスが1つしかなくても、OK
  //
  var radiobuttons = document.getElementsByName("radioMember");
  for (var i=0; i<radiobuttons.length; i++) {
      radiobuttons[i].checked = false;
  }

{{include_html banner_html, "!Javascript"}}