チェックボタンの制御方法
チェックボタンの制御方法で
下記のようなことがやりたいです。
(1)【全ての学校】選択時
【小学校】と【中学校】の全て
disabledのままでチェックをセット、ボタンdisabled
(2)【小学校】選択時
【中学校】disabledのままでチェックを解除、ボタンdisabled
(3)【中学校】選択時
【小学校】disabledのままでチェックを解除、ボタンdisabled
もうちょっとだと思うのですが...
なかなかうまく出来ないのでよろしくお願いします。
<html>
<head>
<title></title>
<script Language="JavaScript"><!--
function setRTF(f,n){
for(var i=0; i<f.length; i++){
var p=f[i].parentNode;
var pid="";
while(p){
if(p.nodeName=="TD"){pid=p.id;break;}
p=p.parentNode;
}
if(f[i].type=="checkbox" || f[i].type=="button") f[i].disabled=pid!=n;
}
}
function allcheck(obj,flag){
var target=obj.parentNode.getElementsByTagName("input");
for(var i=0;i<target.length;i++){
if(target[i].type=="checkbox") target[i].checked=flag;
}
}
// --></script>
</head>
<body>
<form>
<table border="1" width="303">
<tr>
<td width="89"><input type="radio" name="mm" onClick="setRTF(this.form,'aa')">小学校</td>
<td width="90"><input type="radio" name="mm" onClick="setRTF(this.form,'bb')">中学校</td>
<td width="102"><input type="radio" name="mm" onClick="setRTF(this.form,'xx')">全ての学校</td>
</tr>
<tr>
<td id="aa" rowspan="2" width="89">
<input type="checkbox" name="aa[]" value="1" disabled>Ａ小学校<br>
<input type="checkbox" name="aa[]" value="2" disabled>Ｂ小学校<br>
<input type="checkbox" name="aa[]" value="3" disabled>Ｃ小学校<br>
<input type="button" value="全選択" onClick="allcheck(this,true)"/ disabled ><br>
<input type="button" value="全解除" onClick="allcheck(this,false)" disabled />
</td>
<td id="bb" width="90">
市立<br>
<input type="checkbox" name="bb[]" value="1" disabled>Ａ中学校<br>
<input type="checkbox" name="bb[]" value="2" disabled>Ｂ中学校<br>
<input type="checkbox" name="bb[]" value="3" disabled>Ｃ中学校<br>
<input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br>
<input type="button" value="全解除" onClick="allcheck(this,false)" disabled />
</td>
<td id="cc" rowspan="2" width="102">
</td>
</tr>
<tr>
<td id="bb" width="90">
私立<br>
<input type="checkbox" name="cc[]" value="1" disabled>Ａ中学校<br>
<input type="checkbox" name="cc[]" value="2" disabled>Ｂ中学校<br>
<input type="checkbox" name="cc[]" value="3" disabled>Ｃ中学校<br>
<input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br>
<input type="button" value="全解除" onClick="allcheck(this,false)" disabled />
</td>
</tr>
</table>
</form>
</body>
</html>
