验证表单中radio是否选中
2009-09-21 09:36
267 查看
1：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>验证单选按钮组是否选择 IT知道网itwis.com</title>
<script language="javascript">
function yanzheng(){
var theCheckboxInputs=document.getElementsByName('gender');
for(var i=0;i<theCheckboxInputs.length;i++)
{
if(theCheckboxInputs[i].checked)
return true;
}
alert('您还没有选中其中的一项');
return false;
}
</script>
</head>
<body><form id="form1" name="form1" method="post" action="">
<label>
<input type="radio" name="gender" id="radio" value="radio" />男
</label>
<label>
<input type="radio" name="gender" id="radio2" value="radio2" />女
</label>
<label>
<input type="submit" name="Submit" value="提交" onClick="return yanzheng();"/>
</label>
</form>
</body>
</html>
2：
<script language="JavaScript">
<!--
function Check()
{
var canswer=document.form.canswer;
var i=0
for(0;i<canswer.length;i++)
{
if(canswer[i].checked)
{
break;
}
if(i==3)
{
window.alert("还没有选中答案");
return false;
}
}
//-->
</script>
<form method="POST" action="" onSubmit="return Check()" name="form">
1： <input name="canswer" type="radio" value="1">
2： <input name="canswer" type="radio" value="2">
3： <input name="canswer" type="radio" value="3">
4： <input name="canswer" type="radio" value="4">
<input type="submit" value="提交">
</form>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>验证单选按钮组是否选择 IT知道网itwis.com</title>
<script language="javascript">
function yanzheng(){
var theCheckboxInputs=document.getElementsByName('gender');
for(var i=0;i<theCheckboxInputs.length;i++)
{
if(theCheckboxInputs[i].checked)
return true;
}
alert('您还没有选中其中的一项');
return false;
}
</script>
</head>
<body><form id="form1" name="form1" method="post" action="">
<label>
<input type="radio" name="gender" id="radio" value="radio" />男
</label>
<label>
<input type="radio" name="gender" id="radio2" value="radio2" />女
</label>
<label>
<input type="submit" name="Submit" value="提交" onClick="return yanzheng();"/>
</label>
</form>
</body>
</html>
2：
<script language="JavaScript">
<!--
function Check()
{
var canswer=document.form.canswer;
var i=0
for(0;i<canswer.length;i++)
{
if(canswer[i].checked)
{
break;
}
if(i==3)
{
window.alert("还没有选中答案");
return false;
}
}
//-->
</script>
<form method="POST" action="" onSubmit="return Check()" name="form">
1： <input name="canswer" type="radio" value="1">
2： <input name="canswer" type="radio" value="2">
3： <input name="canswer" type="radio" value="3">
4： <input name="canswer" type="radio" value="4">
<input type="submit" value="提交">
</form>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 超链接提交表单时，进行表单验证-checkbox框是否选中？
- jquery 在提交表单的时候验证checkbox是否选中
- JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
- jquery checkbox,radio是否选中的判断代码
- js验证checkboxlist是否有选中的项，如果选中返回true
- Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值
- JQuery判断radio是否选中，获取选中值
- js,ajax验证编号是否存在，input只能输入数字,form表单验证
- jQuery验证Checkbox是否选中的代码 推荐
- Jquery.Validate验证CheckBoxList,RadioButtonList,DropDownList是否选中
- JavaScript表单验证是否为中文
- Jquery判断radio，selelct，checkbox是否选中及选中的值
- 转 Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值
- 自定义表单验证，密码是否包含数字、字母、特殊字符的至少2种
- jquery判断单选按钮radio是否选中的方法
- 怎样用Jquery 判断radio，selelct，checkbox是否选中
- jquery通过prop函数验证checkbox是否选中
- javascript 判断radiobox是否选中
- easyUI验证表单两次密码是否相同
- js表单验证是否空值的简单处理办法