单选按钮列表自动选中第一项，并且获取选中项的值！

代码

<!---->
<! 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 >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 单选按钮测试 </ title >
</ head >

< body >
< input type ="text" id ="txtId" />< Br />
< input type ="radio" name ="radId" value ="c1001" /> c1001 &nbsp; 张三 < Br />
< input type ="radio" name ="radId" value ="c1002" /> c1002 &nbsp; 李四 < Br />
< input type ="button" value ="选择" name ="btnSelect" onclick ="btnSelect_onclick()" />



</ body >
< script type ="text/javascript" >

setRadCheckedByName( " radId " ); // 如果网页中单选框个数大于0，则设置第一个单选框为选中状态


function btnSelect_onclick()
{
var obj = document.getElementsByName( ' radId ' );
for ( var i = 0 ;i < obj.length;i ++ )
{
if (obj[i].checked)
{
document.getElementById( " txtId " ).value = obj[i].value;
}
}
}


function setRadCheckedByName(radName)
{
var obj = document.getElementsByName(radName);
if (obj.length > 0 )
{
obj[ 0 ].checked = true ;
}
}

</ script >
</ html >

 

转载于:https://www.cnblogs.com/HRB_IT/archive/2010/09/28/1837391.html