软件学堂

网游分类软件分类

选择了哪一个单选按钮JS代码怎么写

2012-11-01 来源:网络

【实例名称】

选择了哪一个单选按钮

【实例描述】

单选按钮是一组类似的数据,但用户只能选择其中的一个值。本例学习如何判断用户选择了哪个值。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript"> function checkradio() {    var parms=document.getElementsByName("radio1"); //获取所有的单选框    var i;    for( i=0;i<parms.length;i++)              //遍历单选框    {        if(parms[i].checked)                     //如果选择了此单选框           alert("您选择了"+ parms[i].value);     //提示用户的选择    } } </script> </head> <body> <input name="radio1" type="radio" value="体育运动" checked=checked />体育运动 <input name="radio1" type="radio" value="旅游休闲"/>旅游休闲 <input type="button"  name="btn1" value="检查" onclick="checkradio()" /> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例重点是如何获取页面中的所有单选按钮,然后判断单选按钮的“checked”属性。“checked”属性表示单选按钮是否被选中获取单选按钮的值使用“value”属性。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:选择了哪一个单选按钮 进行本实例源码下载 

上一篇:win8网速很慢的解决办法
下一篇:单击文字实现单选按钮的选定JS代码怎么写

相关文章