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

MyMemoWiki

「JavaScript 動的にコントロールを扱うとき」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
21行目: 21行目:
 
   }
 
   }
 
----
 
----
{{include_html banner_html, "!Javascript"}}
+
{{include_html [[banner_html]], "!Javascript"}}

2020年2月16日 (日) 04:27時点における最新版

動的にコントロールを扱うとき、インスタンスが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"}}