首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

checkbox 复选的有关问题,请

2012-02-08 
checkbox 复选的问题,请高手指点!页面代码如下:HTML codeform idform1 nameform1 methodpost ac

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>

热点排行