为了准确无误的提交表单，在提交前都会对表单的各个项目进行验证，今天带来的是使用JavaScript进行Radio验证，判断多个单选框中，哪一个被选中了，或者说是取出其值，以下为HTML代码，含Js部分：
| 代码如下 | 复制代码 |
| <HTML> <script language="vbscript"> function checkme() for each ob in radio1 if ob.checked then window.alert ob.value next end function </script> <BODY> <INPUT name="radio1" type="radio" value="/style" checked>Style <INPUT name="radio1" type="radio" value="/test">Barcode <INPUT type="button" value="check" onclick="checkme()"> </BODY> </HTML> |
|
本函数将返回被选中的radio值，也就验证了哪一个Radio被选中了。
例子2
| 代码如下 | 复制代码 |
|
<html> <head> <title>JS 判断 radio 单选按钮是否选中</title> <script type="text/javascript"> function ValidateRadio() { var radioSelete = "Nothing"; var seletedValue; for(i=0;i<document.form1.rValue.length;i++) { if(document.form1.rValue[i].checked) { radioSelete = "seleted"; seletedValue = document.form1.rValue[i].value; } } if(radioSelete == "Nothing") { alert("请选择一个地名。"); return false; } else { alert("您选中的是："+seletedValue); return true; } } </script> </head> <body> <form name="form1"> <input type="radio" name="rValue" value="四川">四川 <input type="radio" name="rValue" value="江苏">江苏 <input type="radio" name="rValue" value="南京">南京 <input type="radio" name="rValue" value="天津">天津 <input type="radio" name="rValue" value="上海">上海 <input type="button" onclick="return ValidateRadio()" value="验证"> </form> </body> </html> |
|
时间： 2024-09-04 05:36:26