多组单选按钮的选择验证
2007-11-10 13:22
246 查看
在写问卷调查时遇到一个问题,就是验证是否有漏选的问题,即有多个单选按钮组,当提交表单时要逐一验证是否都进行了选择。通过javascript实现的例子如下。
<script language="JavaScript">
<!--
function check(){
for(i=1;i<=3;i++)
{
obj=document.form1("question"+i)
var isSelect=false
for(j=0;j<obj.length;j++)
{
if (obj[j].checked==true)
{
isSelect=true;
break;
}
}
if(isSelect==false)
{
alert("请您选择 "+ i + " 题")
return false
}
}
}
//-->
</script>
</head>
<body>
<form method=post name=form1 action="" onsubmit="return check()">
1.您的性别是: <br>
<input type="radio" name="question1"> 男
<input type="radio" name="question1"> 女 <P>
2.您的职业是:<br>
<input type="radio" name="question2"> 程序员
<input type="radio" name="question2"> 软件设计师
<input type="radio" name="question2"> 系统分析师 <P>
3.您擅长什么?<br>
<input type="radio" name="question3"> java
<input type="radio" name="question3"> .net
<input type="radio" name="question3"> C <P>
<input type="submit" value="提交问卷" onsubmit="return check()">
</form>
<script language="JavaScript">
<!--
function check(){
for(i=1;i<=3;i++)
{
obj=document.form1("question"+i)
var isSelect=false
for(j=0;j<obj.length;j++)
{
if (obj[j].checked==true)
{
isSelect=true;
break;
}
}
if(isSelect==false)
{
alert("请您选择 "+ i + " 题")
return false
}
}
}
//-->
</script>
</head>
<body>
<form method=post name=form1 action="" onsubmit="return check()">
1.您的性别是: <br>
<input type="radio" name="question1"> 男
<input type="radio" name="question1"> 女 <P>
2.您的职业是:<br>
<input type="radio" name="question2"> 程序员
<input type="radio" name="question2"> 软件设计师
<input type="radio" name="question2"> 系统分析师 <P>
3.您擅长什么?<br>
<input type="radio" name="question3"> java
<input type="radio" name="question3"> .net
<input type="radio" name="question3"> C <P>
<input type="submit" value="提交问卷" onsubmit="return check()">
</form>
相关文章推荐
- [SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框
- JSP单选按钮验证、下拉框验证、复选框验证实现代码
- HTML中的单选按钮实现男女性别选择
- 选择屏幕——按钮、单选复选框
- android单选按钮选择,RadioGroup,radioButton
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- JSP动态选择单选按钮(男或女),通过JSTL实现
- JSP单选按钮验证、下拉框验证、复选框验证
- 关于JS单选按钮与复选按钮验证是否选中
- HTML基础 form-input-radio创建多组并且每组有多个的单选按钮(不漂亮的)
- javascript 单选按钮 单击选中 双击取消选择实现代码
- JSP单选按钮验证、下拉框验证、复选框验证实现代码
- 单选按钮用法, 选择的值
- jquery 对单选按钮遍历选择
- 创建多组单选按钮
- 简单方便的选择单选按钮效果
- js前台页面定位选择下拉框,单选按钮
- HTML基础 legend与fiedset配合创建多组单选按钮(漂亮的)
- HTML的radio单选按钮实现男、女性别只能选择一个
- 【转载】[SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框