使用JavaScript正确读取Radio的值的步骤
Radio 是 HTML 中的单选框，同一个 form 中，name 相同的 Radio 构成一组，这一组中最多只允许有一个 Radio 被选中。
如果将 form 提交到服务器端 ASP 程序，ASP 程序要获得用户选择的那个 Radio 的 value 是非常方便的，用 request.Form("RadioName")，不必理会有几个 Radio。
但在 JS(JavaScript) 中就要复杂多了，我们不能像对其它元素（如：文本框）一样，使用 formid.objName.value 来取值，我们应该循环这个组的 Radio，判断其 checked 属性，再取值。
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>读取Radio的值</title></head><body><formid="form1"action=""method=""><div><inputtype="radio"name="r"id="r1"value="一"><labelfor="r1">选项一</label></div><div><inputtype="radio"name="r"id="r2"value="二"><labelfor="r2">选项二</label></div><div><inputtype="radio"name="r"id="r3"value="三"><labelfor="r3">选项三</label></div><div><inputtype="button"value="检查选择项"onclick="javascript:Foo();"></div></form>
<scripttype="text/javascript"language="javascript">
<!--functionFoo()
{varselectedIndex=-1;varform1=document.getElementById("form1");vari=0;for(i=0;i<form1.r.length;i++){if(form1.r[i].checked){selectedIndex=i;alert("您选择项的value是："+form1.r[i].value);break;
}}if(selectedIndex<0){alert("您没有选择任何项");}}
--></script></body></html>本文地址：http://www.45fan.com/a/question/67524.html