如果在web页面的表单(表单名form1)里用了一组radio按钮,起名为button1。 要从js中取得被选中按钮对应的值,可按以下方法: <script language=javascript> function getRadioValue() { var str; for(i=0;i<document.form1.button1.length;i++) { if (document.form1.button1[i].checked) str=document.form1.button1[i].value; } } </script> 这里的radio名button1就相当一个数组名 相关的例子: <input type="radio" name="RadioButtn" value="A" checked>One<br> <input type="radio" name="RadioButtn" value="B">Two<br> <input type="radio" name="RadioButtn" value="C">Three<br> <input type="radio" name="RadioButtn" value="D">Four 所有的4个单选按钮对象有同一个名字:RadioButtn,这样一来, HTML和JavaScript就知道它们是同一个数组里的对象。其次, 每个选项的值是选项的别名,并不是看到的文字(例如“One”、“Two”等)。为了得到选择的选项的值,首先要知道哪个选项被选中了,然后在alert语句中, 用那个选中的选项的下标值来正确地引用当前选项的值。也就是说, 如果第一个选项被选中,你应该取RadioButtn[0].value,如果第二个选项被选中, 你就应该取RadioButtn[1].value,依此类推。
在JavaScript中,某些类型的域具有selectedIndex属性, 代表当前选中选项的数组下标值。然而单选按钮并不是那么幸运, 同样,复选框也没能逃脱厄运。要想得到当前选中的单选按钮的值, 你必须在RadioButtn数组元素中查找“checked”属性。
下面是按钮的代码:
var doc = document.forms[0]; for(i = 0; i < doc.RadioButtn.length; i++) { if(doc.RadioButtn[i].checked) { alert(doc.RadioButtn[i].value); break; } } 相关文章的连接:http://www-900.ibm.com/developerWorks/cn/lotus/lo-jsobj/index.shtml
如何获取Web页面中radio按钮的值
最新推荐文章于 2023-03-15 17:48:06 发布