JavaScript中获取Radio被选中的值
原理就是：⼀般使⽤遍历的⽅法，判断每个Radio是否被选中，如果是，再取其值.
javascript登录注册界面
<form id="userlist" method="post" action="option.php">
<input type="radio" name="userid" value="1">1
<input type="radio" name="userid" value="2">2
<input type="radio" name="userid" value="3">3
</form>
<script language="javascript">
function usubmit(action){
var radionum = ElementById("userlist").userid;
for(var i=0;i<radionum.length;i++){
if(radionum[i].checked){
userid = radionum[i].value
}
}
window.location.href='option.php?action='+action+'&userid='+userid;
}
</script>
上⾯的需要注意form中设置了id（userlist）
这⾥有两个要注意的地⽅：⼀个是如何取值，⼀个是如何遍历
这是根据form的id再取其中控件元素的name取值的⽅法。
也可以⽤ElementsByName("userid")直接获得
getElementById与getElementsByName的区别，getElementById取radio类型元素只能选取单个控件，getElementsByName 取radio类型元素的时候是取出的整个radio数组，如果⼀定要⽤getElementById，则可像上⾯代码⼀样先⽤getElementById取得整个表单的id.后⾯紧跟radio名称即可
现在知道ElementsByName("userid")就是得到⼀个数组，该数组中的元素是该dom树中所有name为radionum的元素，即使只有⼀个radio，也是⼀个只包含⼀个元素的数组．
⽽document.all.userid则不同，它是得到页⾯中的userid元素的引⽤，当页⾯中存在多个radio时，它返回的是⼀个数组，如果页⾯中只包含⼀个radio，则得到的就是这个radio对象的引⽤．由于这时得到的不是⼀个数组，因此就不能遍历数组来进⾏判断了．
做成函数，如下:
function  getRadioBoxValue(radioName)
{
var obj = ElementsByName(radioName); //这个是以标签的name来取控件
for(i=0; i<obj.length;i++)  {
if(obj[i].checked)  {
return  obj[i].value;
}
}
return "undefined";
}
JS获取radio⾥选中的值
function Foo()
{
var selectedIndex = -1;
var form1 = ElementById("form1");
var i = 0;
for (i=0; i&length; i++)
{
if (form1.r[i].checked)
{
selectedIndex = i;
alert("您选择项的 value 是：" + form1.r[i].value);
break;
}
}
if (selectedIndex < 0)
{
alert("您没有选择任何项");  }
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。