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>

<title>读取 Radio 的值</title>
JavaScript如何正确读取Radio的值

</head>

<body>

<form id="form1" action="" method="">
JavaScript如何正确读取Radio的值

<div><input type="radio" name="r" id="r1" value="一"><label for="r1">选项一</label></div>
JavaScript如何正确读取Radio的值

<div><input type="radio" name="r" id="r2" value="二"><label for="r2">选项二</label></div>
JavaScript如何正确读取Radio的值

<div><input type="radio" name="r" id="r3" value="三"><label for="r3">选项三</label></div>
JavaScript如何正确读取Radio的值

<div><input type="button" value="检查选择项" onclick="javascript:Foo();"></div>
JavaScript如何正确读取Radio的值

</form>

阿磊记:

其中获取form 这步很重要，一定要通过form1貌似后面的radiobox 没有办法取得实在搞不懂为什么