「JavaScript 動的にコントロールを扱うとき」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「==動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる== [JavaScript] ====動的にコントロールを追加、…」) |
|||
| 1行目: | 1行目: | ||
==動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる== | ==動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる== | ||
| − | [JavaScript] | + | [[JavaScript]] |
====動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが1つになるとエラーになってしまう。==== | ====動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが1つになるとエラーになってしまう。==== | ||
| 7行目: | 7行目: | ||
// インスタンスが1つしかないとエラーとなる | // インスタンスが1つしかないとエラーとなる | ||
// | // | ||
| − | for (var i=0; i | + | for (var i=0; i<document.all.radioMember.length; i++) { |
document.all.radioMember[i].checked = false; | document.all.radioMember[i].checked = false; | ||
} | } | ||
| 17行目: | 17行目: | ||
// | // | ||
var radiobuttons = document.getElementsByName("radioMember"); | var radiobuttons = document.getElementsByName("radioMember"); | ||
| − | for (var i=0; i | + | for (var i=0; i<radiobuttons.length; i++) { |
radiobuttons[i].checked = false; | radiobuttons[i].checked = false; | ||
} | } | ||
---- | ---- | ||
{{include_html banner_html, "!Javascript"}} | {{include_html banner_html, "!Javascript"}} | ||
2020年2月15日 (土) 08:03時点における版
動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる
動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが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;
}
© 2006 矢木浩人
