如何获取Web页面中radio按钮的值
来源:互联网 发布:手机备份数据有必要吗 编辑:程序博客网 时间:2024/06/08 00:16
如果在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按钮的值
- 如何获取Web页面中radio按钮的值
- jQuery如何获取选中单选按钮radio的值
- 如何获取radio的值
- struts2 如何获取jsp中radio的值
- ExtJS中如何获取Radio的取值
- JS如何获取和改变 单选按钮radio选中的值
- Html中利用jQuery获取单选按钮(radio)的值
- input radio 获取选中的按钮的值
- 如何通过Jquery获取radio的值
- 如何通过Jquery获取radio的值
- js如何获取<s:radio>的值
- Jquery如何获取Radio的值
- 如何获取input radio选中的值。
- JS中获取页面单选框radio和复选框checkbox中当前选中的值
- 使用jQuery获取单选按钮radio的选中值
- jquery获取选中单选按钮radio的值,监听type=radio的click事件
- Jquery如何获得选中Radio单选按钮的值
- 在SQL中调用COM对象
- ▲UTF-8 and Unicode FAQ[转]
- 男女对爱情的不同回味
- 与老婆相处十日(一)
- The page cannot be refreshed without resending ...
- 如何获取Web页面中radio按钮的值
- 文件的共享
- ip phone日志6
- about face2.0——第三章(2):为中等用户优化
- 程序员必看:关于SQL Server的若干注意事项
- Discuss
- java-Dom4j 编码问题彻底解决
- 它不认识僵尸
- java-Java中文问题详解,底层编码解剖