+ JavaScript の質問用スレッド vol.8 +
466 ：Name_Not_Found：
複数のチェックボックスを1つのチェックボックスで全選択、全解除したいのですけど
可能でしょうか？
こんなかんじなことをしたいです
<form name="f0">
<!-- 下のチェックボックスをチェックすると「00から06」がチェックされる チェックをはずすと「00から06」のチェックがはずれる -->
<INPUT type="checkbox" name="check"><BR><BR>
<INPUT type="checkbox" name="check">00<BR>
<INPUT type="checkbox" name="check">01<BR>
<INPUT type="checkbox" name="check">02<BR>
<INPUT type="checkbox" name="check">03<BR>
<INPUT type="checkbox" name="check">04<BR>
<INPUT type="checkbox" name="check">05<BR>
<INPUT type="checkbox" name="check">06<BR>
</form>
この「00から06」は増える場合も減る場合もある。
どうしたらいいのでしょうか？
よろしくおねがいします
</form>
可能でしょうか？
こんなかんじなことをしたいです
<form name="f0">
<!-- 下のチェックボックスをチェックすると「00から06」がチェックされる チェックをはずすと「00から06」のチェックがはずれる -->
<INPUT type="checkbox" name="check"><BR><BR>
<INPUT type="checkbox" name="check">00<BR>
<INPUT type="checkbox" name="check">01<BR>
<INPUT type="checkbox" name="check">02<BR>
<INPUT type="checkbox" name="check">03<BR>
<INPUT type="checkbox" name="check">04<BR>
<INPUT type="checkbox" name="check">05<BR>
<INPUT type="checkbox" name="check">06<BR>
</form>
この「00から06」は増える場合も減る場合もある。
どうしたらいいのでしょうか？
よろしくおねがいします
</form>
|
|
|
467 ：Name_Not_Found：02/03/08 18:09 ID:9U7jispZ
>>466ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var checkcount = 7;
function change() {
var v = document.forms['f0'].elements[0].checked;
for(var i = 0; i < checkcount; ++i)
document.forms['f0'].elements[1+i].checked = v;
}
</script>
</head><body>
<form name="f0" action="#"><p>
<input type="checkbox" name="check" onchange="change()"><br><br>
<input type="checkbox" name="check">00<br>
<input type="checkbox" name="check">01<br>
<input type="checkbox" name="check">02<br>
<input type="checkbox" name="check">03<br>
<input type="checkbox" name="check">04<br>
<input type="checkbox" name="check">05<br>
<input type="checkbox" name="check">06
</p></form>
</body></html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var checkcount = 7;
function change() {
var v = document.forms['f0'].elements[0].checked;
for(var i = 0; i < checkcount; ++i)
document.forms['f0'].elements[1+i].checked = v;
}
</script>
</head><body>
<form name="f0" action="#"><p>
<input type="checkbox" name="check" onchange="change()"><br><br>
<input type="checkbox" name="check">00<br>
<input type="checkbox" name="check">01<br>
<input type="checkbox" name="check">02<br>
<input type="checkbox" name="check">03<br>
<input type="checkbox" name="check">04<br>
<input type="checkbox" name="check">05<br>
<input type="checkbox" name="check">06
</p></form>
</body></html>