会社のプロジェクトをする時,この場合があります 何つもradioとcheckboxがある。radioボタンを押すと、似合いのcheckboxを選びます。反対は 同じです
有一些radio与checkbox按纽,当选种radio时,对应的checkbox也应该选中,当取消checkbox时,对应的radio也应该取消
<html>
<head>
</head>
<body>
<form name="form1" id="form1" >
<input type="checkbox" name="checkbox1" id="checkbox1_4" onClick="cancel('checkbox1_4')"/>金额类</br>
<input type="radio" name="button1" id="button1_1_4" value="1" onClick="check('button1_1_4')"/>1</br>
<input type="radio" name="button1" id="button1_2_4" value="2" onClick="check('button1_2_4')"/>2</br>
<input type="radio" name="button1" id="button1_3_4" value="3" onClick="check('button1_3_4')"/>3</br>
<input type="radio" name="button1" id="button1_4_4" value="4" onClick="check('button1_4_4')"/>4</br>
<input type="checkbox" name="checkbox2" id="checkbox2_3" onClick="cancel('checkbox2_3')" />数量类</br>
<input type="radio" name="button2" value="1" id="button2_1_3"onClick="check('button2_1_3')"/>A</br>
<input type="radio" name="button2" value="2" id="button2_2_3"onClick="check('button2_2_3')"/>B</br>
<input type="radio" name="button2" value="3" id="button2_3_3"onClick="check('button2_3_3')"/>C</br>
<input type="button" value="submit" />
</form>
</body>
<script>
var form1=document.getElementById("form1");
function check(object){
var s=""+object;
var s2=s.substring(6,7);
var s1=document.getElementById(s);
if(s1.checked){
document.getElementById("checkbox"+s2).checked="checked";
}
}
function cancel(object){
var s=""+object;
var s2=s.substring(10);
var s1=document.getElementById(s);
if(!s1.checked){
var s4="button"+s.substring(8,9);
for(var i=1;i<=s2;i++){
// alert(s4+"_"+i+"_"+s2);
s5=s4+"_"+i+"_"+s2;
var dd=document.getElementById(s5);
dd.checked=false;
}
}
}
</script>
</html>
最后修改于 2007-11-13 21:10
阅读(
?)
评论(0)编辑删除
评论 想第一时间抢沙发么?