基于jQuery实现复选框是否选中进行答题提示
来源:互联网 发布:大赢家软件 编辑:程序博客网 时间:2024/06/05 19:44
一、实现的原理:
第一步:判断用户选择哪一项,即哪个复选框被选中
第二步:根据复选框的选中情况给出相应的提示
二、下面来看主体程序:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
/>
<title></title>
</head>
<body>
<input type=
"checkbox"
id=
"checkbox01"
/>A <br />
<input type=
"checkbox"
id=
"checkbox02"
/>B <br />
<input type=
"checkbox"
id=
"checkbox03"
/>C <br />
<input type=
"checkbox"
id=
"checkbox04"
/>D <br />
<input type=
"button"
id=
"button"
value=
"提交"
/>
<h4 >提示本题是单选题且正确答案是A</h4>
<script src=
"js/jquery-1.11.0.js"
type=
"text/javascript"
charset=
"utf-8"
></script>
<script src=
"js/layout.js"
type=
"text/javascript"
charset=
"utf-8"
></script>
</body>
</html>
从上面也可以看出我假设这道题是单选题,且正确答案是A,那么接下来就开始用JQ实现了~~~
三、jQuery程序
1
2
3
4
5
6
7
8
9
10
11
12
$(
function
(){
//假设正确答案是A
$(
"#button"
).click(
function
(){
if
($(
"input"
).filter(
":checked"
).length==0){
alert(
"请选择一个选项再提交"
);
}elsif($(
"#checkbox01"
).filter(
":checked"
).length!=0&&$(
"#checkbox02"
).filter(
":checked"
).length==0&&$(
"#checkbox03"
).filter(
":checked"
).length==0&&$(
"#checkbox04"
).filter(
":checked"
).length==0){
alert(
"您选择的答案是正确的!"
)
}
else
{
alert(
"您选择的答案是错误的!"
)
}
})
}
之前看了网上很多判断复选框被选中的程序,经过测试大多上都是无用的,估计是jquery版本更新祛除了很多程序导致的吧,谁知道呢,后来用$("#id").filter(":checked").length==0判断哪个选项被选中经过测试是可以的~~~如果有什么其他方法,欢迎提出来让我膜拜一下~~~
0 0
- 基于jQuery实现复选框是否选中进行答题提示
- jquery 判断复选框是否选中
- jquery判断复选框是否被选中
- Jquery 判断复选框是否被选中
- jquery 判断复选框是否全部选中
- jquery判断复选框是否被选中
- JQuery判断复选框是否选中
- jQuery判断复选框是否选中
- jquery判断复选框是否选中
- jquery复选框 选中事件 及其判断是否被选中
- jquery复选框 选中事件 及其判断是否被选中
- jquery复选框 选中事件 及其判断是否被选中
- jquery判断复选框是否选中(兼容高版本jQuery)
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- jquery 选中复选框
- jquery判断单个复选框是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- get_gpio_attr()和read_gpio()
- Python 字符串操作方法大全
- BLE 包结构及传输速率
- APUE学习记录(二)
- background-position 用法详细介绍
- 基于jQuery实现复选框是否选中进行答题提示
- Java之枚举、自动装箱与注解(元数据)
- 感人至深,splay的代码量
- java file文件类操作使用方法大全
- nginx秒退
- CentOS 搭建SVN服务器
- MySQL的SSL加密连接与性能开销
- 从零开始学Fuzzing系列:浏览器挖掘框架Morph诞生记
- Nginx封鎖空User Agent訪問