日期:2014-05-16  浏览次数:20527 次

checkbox 复选的问题,请高手指点!
页面代码如下:
HTML code

<form id="form1" name="form1" method="post" action="">
  <label>-a-----b-<br />
    <input name="checkbox" type="checkbox" id="checkbox" value="1" />1
    <input name="checkbox1" type="checkbox" id="checkbox1" value="1" />1
   <br />
    <input name="checkbox" type="checkbox" id="checkbox" value="2" />2
    <input name="checkbox1" type="checkbox" id="checkbox1" value="2" />2
    <br />
    <input name="checkbox" type="checkbox" id="checkbox" value="3" />3
    <input name="checkbox1" type="checkbox" id="checkbox1" value="3" /> 3
  </label> 
</form>


希望效果是:
勾选name=checkbox,value=1 的复选框同时name=checkbox1,value=1 的复选框也勾选,取消name=checkbox的复选框,name=checkbox1的复选框不反应,
value=2,3,...相同处理?

------解决方案--------------------
<script language="javascript">
function changeselected(thisobj){
if (form1.checkbox[parseInt(thisobj)].checked){
form1.checkbox1[parseInt(thisobj)].checked = true;
}else{
//取消选中的反应,因为你要求,所以注释掉
//form1.checkbox1[parseInt(thisobj)].checked = false;
}
}
</script>

<form id="form1" name="form1" method="post" action="">
<label>-a-----b-<br />
<input name="checkbox" type="checkbox" id="checkbox" value="1" onclick="changeselected('0')"/>1
<input name="checkbox1" type="checkbox" id="checkbox1" value="1" />1
<br />
<input name="checkbox" type="checkbox" id="checkbox" value="2" onclick="changeselected('1')"/>2
<input name="checkbox1" type="checkbox" id="checkbox1" value="2" />2
<br />
<input name="checkbox" type="checkbox" id="checkbox" value="3" onclick="changeselected('2')"/>3
<input name="checkbox1" type="checkbox" id="checkbox1" value="3" /> 3
</label> 
</form>