怎么样让选中其中一个input的时候也同时选中其它的input

N个input 类型radio ,name不一样怎么样让选中其中一个input的时候也同时选中其它的input

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<title></title>
<script type="text/javascript">
function setSelected()
{
    var ra=document.getElementsByTagName("input");

    for(var i=0;i<ra.length;i++)
    {
        if(ra[i].type=='radio')
        ra[i].checked=true;
    }
}
</script>
</head>
<body>
<input type="radio" id="ra1" name="ra1" onclick="setSelected()">
<input type="radio" id="ra2" name="ra2" onclick="setSelected()">
<input type="radio" id="ra3" name="ra3" onclick="setSelected()">
<input type="radio" id="ra4" name="ra4" onclick="setSelected()">
</body>
</html>
用jquery试了下<!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script language='javascript' src='js/jquery-1.3.2.js'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
$("input[type='radio']").click(
function()
{
$("input[type='radio']").attr("checked","true");
}
);
}
);
</script>
</head>
<body>
<input type="radio" id="id1"/><label for="id1">radio1</label>
<input type="radio" id="id2"/><label for="id2">radio2</label>
<input type="radio" id="id3"/><label for="id3">radio3</label>
<input type="radio" id="id4"/><label for="id4">radio4</label>
<input type="radio" id="id5"/><label for="id5">radio5</label>
<input type="radio" id="id6"/><label for="id6">radio6</label>
<input type="radio" id="id7"/><label for="id7">radio7</label>
<input type="radio" id="id8"/><label for="id8">radio8</label>
</body>
</html>
谢谢,我再补充下,楼友写法,不能实现我想要的
<input name="cpid" type="radio" value="&rs("cpid")&" onFocus=this.blur()  >
<input name="userid" type="radio" value="&rs1("userid")&"  onFocus=this.blur() >
怎么样让选中其中一个input的时候也同时选中另一个input
不知道楼主的意思是随便选中其中一个就把其他的全部选中
还是选中指定的radio时，才把其他的全部选中
想要解决的是：上下共两组，每组2个input 类型radio ,name不一样；希望选中每组中的任何一个，这组就全被选中，并且两组之间可以切换。谢谢楼友的全力帮助！
..........数据库 <form id="form1" name="form1" method="post" action="">
  <label> </label> <label> </label>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
      <td width="15%"> <label>
        <input type="radio" name="cpid" value="1" />
      </label>
        <label>
        <input type="radio" name="userid" value="2" />
      </label> </td>
      <td width="85%">第一组 </td>
    </tr>
    <tr>
      <td> <label>
        <input type="radio" name="cpid" value="3" />
      </label>
        <label>
        <input type="radio" name="userid" value="4" />
      </label> </td>
      <td>第二组 </td>
    </tr>
  </table> </form>
一组,二组.....N,经数据库循环出来的,value值不一样,每组2个input 类型radio ,name不一样；希望选中每组中的任何一个，这组就全被选中，并且N组之间只能被选中一组
<!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script language='javascript' src='js/jquery-1.3.2.js'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
$("input[type='radio']").click(
function()
{
$(this).siblings().attr("checked",true);
var obj=$(this).parent().siblings();
obj.children().attr("checked",false);
}
);
}
);
</script>
</head>
<body>
<div>
<span>第一组</span>
<input type="radio" id="id1"/><label for="id1">radio1</label>
<input type="radio" id="id2"/><label for="id2">radio2</label>
</div>
<div>
<span>第二组</span>
<input type="radio" id="id3"/><label for="id3">radio3</label>
<input type="radio" id="id4"/><label for="id4">radio4</label>
</div>
<div>
<span>第三组</span>
<input type="radio" id="id5"/><label for="id5">radio5</label>
<input type="radio" id="id6"/><label for="id6">radio6</label>
</div>
<div>
<span>第四组</span>
<input type="radio" id="id7"/><label for="id7">radio7</label>
<input type="radio" id="id8"/><label for="id8">radio8</label>
</div>
</body>
</html>
试试
<script >function selectme(sname)
{
var ra=document.getElementsByName(sname);
var i=0;
for(i=0;i<ra.length;i++)
{
if(ra[i].checked)
{
document.getElementsByName("cpid")[i].checked=true;
document.getElementsByName("userid")[i].checked=true;

}
}}
</script>
  <form id="form1" name="form1" method="post" action="">
<label> </label> <label> </label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <td width="15%"> <label>
     <input type="radio" name="cpid" value="1" onclick="selectme(this.name);" />
   </label>
     <label>
     <input type="radio" name="userid" value="2" onclick="selectme(this.name);" />
   </label> </td>
   <td width="85%">第一组 </td>
   </tr>
   <tr>
   <td> <label>
     <input type="radio" name="cpid" value="3" onclick="selectme(this.name);" />
   </label>
     <label>
     <input type="radio" name="userid" value="4" onclick="selectme(this.name);" />
   </label> </td>
   <td>第二组 </td>
   </tr>
</table> </form>
可以写个javascript方法，使其中一个如“全选”的按钮选中后，触发一个js方法，js方法获取所有的input并使其选中。就可以了。
楼友acmain帮我解决了，谢谢了，同样谢谢各位楼友的帮助！