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

MyMemoWiki

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

提供: MyMemoWiki
2020年2月15日 (土) 08:03時点における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"