JS 中如何正确读取 Radio 的值一文中,介绍了通过一个函数方便地取 Radio 选中值的情况,该程序适用于两个及以上的同名 Radio。但实际中,仅有一个 Radio 的情况也存在,于是我们得增强程序功能,使程序适用于一个及以上的同名 Radio。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>读取 Radio 的值</title> </head> <body> <div> <a href="http://www.itpow.com/" target="_blank">ITPOW www.itpow.com 专业探讨【ASP、JavaScript、XHTML+CSS、SQL Server】</a> <hr> </div> <form id="form1" action="" method=""> <div><input type="radio" name="r" id="r1" value="一"><label for="r1">选项一</label></div> <div><input type="button" value="检查选择项" onclick="javascript:Foo();"></div> </form> <script type="text/javascript" language="javascript"> <!-- function Foo() { var selectedIndex = -1; var form1 = document.getElementById("form1"); var i = 0; if (form1.r.value != undefined) { //只有一个 radio 的情况 if (form1.r.checked) { selectedIndex = 0; alert("您选择项的 value 是:" + form1.r.value); } else { alert("您没有选择任何项"); } return; } 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>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
创建于2005年 渝ICP备05010272号-1
电邮:cftea@126.com