我想实现这样一个功能,有2行单选框,一摸一样的。
比如第一行是<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
第二行也是<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
如何实现选中第一行的男后,第二行的男也同时被选上,相反选中第一行的女后,第二行的女也同时被选上,就是上下两行同步,目的就是选中一行后第二行不用再去点了
比如第一行是<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
第二行也是<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
如何实现选中第一行的男后,第二行的男也同时被选上,相反选中第一行的女后,第二行的女也同时被选上,就是上下两行同步,目的就是选中一行后第二行不用再去点了
<input type="radio" name="sex" value="1" id="s1" />男 <input type="radio" name="sex" value="0" id="s0"/>女<br/>
<input type="radio" name="sex1" value="1" id="s11"/>男 <input type="radio" name="sex1" value="0" id="s10"/>女
<script type="text/javascript">
<!--
document.getElementById("s1").attachEvent("onclick",function(){document.getElementById("s11").checked = true;})
document.getElementById("s11").attachEvent("onclick",function(){document.getElementById("s1").checked = true;})
document.getElementById("s0").attachEvent("onclick",function(){document.getElementById("s10").checked = true;})
document.getElementById("s10").attachEvent("onclick",function(){document.getElementById("s0").checked = true;})
//-->
</script>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script>
function autoSelect()
{
var radios1=document.getElementsByName("sex1");
var radios2=document.getElementsByName("sex2");
radios1[0].onclick=radios2[0].onclick=function(){
radios1[0].checked=radios2[0].checked=this.checked;
}
radios1[1].onclick=radios2[1].onclick=function(){
radios1[1].checked=radios2[1].checked=this.checked;
}
}
</script>
</head>
<body>
<input type="radio" name="sex1" />男 <input type="radio" name="sex1" />女
<br/>
<input type="radio" name="sex2" />男 <input type="radio" name="sex2" />女
<script>autoSelect()</script>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script>
function autoSelect()
{
var radi……
[/Quote]