社区
JavaScript
帖子详情
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
yzflying
2002-11-25 04:56:38
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
...全文
86
3
打赏
收藏
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证? 用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
freefalcon
2002-11-26
打赏
举报
回复
如下,每道题目后面的input都取相同的name,对于单选按钮,在服务器端得到的就是其选中的value,对于复选按钮,得到的是一个数组
对于单选按钮,你可以先指定一个默认选项以减少判断,但下面的方法对于二者都实用
<form name="form1" action="1.htm" method="post" onSubmit="return checkForm()">
<table>
<tr><td>题目1:</td>
<td><input type="checkbox" name="ques1">选择1</td>
<td><input type="checkbox" name="ques1">选择2</td>
</tr>
<tr><td>题目2:</td>
<td><input type="checkbox" name="ques2">选择1</td>
<td><input type="checkbox" name="ques2">选择2</td>
<td><input type="checkbox" name="ques2">选择3</td>
</tr>
<tr><td>题目3</td>
<td><input type="radio" name="ques3" checked>选择1</td>
<td><input type="radio" name="ques3">选择2</td>
</tr>
</table>
<input type="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkForm() {
for(i=1;i<=10;i++) {
var flag=false;
var obj=eval("form1.ques"+i);
for(j=0;j<obj.length;j++)
if(obj[j].checked){
flag=true;
continue;
}
if(!flag){
alert("您还未对题目"+i+"做出选择!");
return false;
}
}
return true;
}
//-->
</SCRIPT>
yzflying
2002-11-26
打赏
举报
回复
兄弟你错误的理解了我的意思,我是说10道题目,其中有3道题目是单选按钮,选项有4-7个不等,7道题目是复选按钮,选项也是4-7个不等,这样怎么在客户端进行验证?
利而不害
2002-11-25
打赏
举报
回复
<form name="frm1" action="1.htm" method="post" onSubmit="return checkForm()">
<input type="checkbox" name="chk">111111111<br>
<input type="checkbox" name="chk">222222222<br>
<input type="checkbox" name="chk">333333333<br>
<input type="checkbox" name="chk">444444444<br>
<input type="checkbox" name="chk">555555555<br>
<input type="checkbox" name="chk">666666666<br>
<input type="checkbox" name="chk">777777777<br>
<input type="radio" name="rdo">888888888<br>
<input type="radio" name="rdo">999999999<br>
<input type="radio" name="rdo">000000000<br>
<input type="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkForm() {
var flagC=false;
var flagR=false;
for(i=0;i<frm1.chk.length;i++) {
if(frm1.chk[i].checked) {
flagC=true;
}
}
for(j=0;j<frm1.rdo.length;j++) {
if(frm1.rdo[j].checked) {
flagR=true;
}
}
if(!flagC) {
alert("checkbox一个也没选!");
return false;
}
if(!flagR) {
alert("radio一个也没选!");
return false;
}
}
//-->
</SCRIPT>
JavaWeb(想学习框架得先学习JavaWeb)
课程目标可以学会
js
p,servlet,el,
js
tl,过滤器,监听器这些网站开发的基础内容适用人群想从事java开发,有java基础,想学习java框架之前必须先学习javaweb,在校大学生课程简介语言精练,浅显易懂,授课幽默风趣,该课程主要是针对想学习java的同学,javaweb是java企业级网站开发的基础内容,该课程主要会学习到
js
p,servlet,el表达式,
js
tl标签,过滤器,监听器等后
端
的基础内容,也会学习到前
端
的相关技术,html,css,
js
,jquery,ajax等本课程
js
p部分介绍:Servlet底层,
js
p的底层原理,
js
p与servlet的区别,
js
p
页面
如何插入java代码,
js
p
中
的3个指令、7个动作,9个内置对象的使用,EL表达式,
JS
TL标签,如何自定义标签,MVC模式,
js
p+servlet实战案例
Php
中
Checkbox
的
js
验证
,
JS
验证
radio
和
checkbox
是否选
中
用
js
验证
radio
单选按钮是否选,以及
验证
checkbox
复选框是否选
中
。代码:
JS
验证
radio
和
checkbox
是否选
中
-www.jbxue.com2,
验证
代码 chk.
js
/***
验证
radio
单选按钮与
checkbox
复选框是否选
中
* by www.jbxue.com*/function CheckForm() {var flag = false;var all
Radio
= docu...
js
和jquery分别
验证
单选框、复选框、下拉框
分别讲一下
js
和jQuery
验证
单选框(
radio
)、多选框(
checkbox
)、下拉框(select) (1).首先说单选框(
radio
),
radio
和
checkbox
一样都是name相同值有多个在获取
radio
值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选
中
了。
js
验证
是要用getElementsByName()获取数组
js
代码如下: fu
php
验证
性别单选框,
js
和jquery分别
验证
单选框、复选框、下拉框
本文分别介绍了
js
和jQuery
验证
单选框(
radio
)、多选框(
checkbox
)、下拉框(select),分享给大家供大家参考,具体内容如下(1).首先说单选框(
radio
),
radio
和
checkbox
一样都是name相同值有多个在获取
radio
值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选
中
了。
js
验证
是要用getElementsByName()获取数组
js
代码如...
JavaScript
87,774
社区成员
224,624
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章