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

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

---