web前端|js教程
jQuery判断复选框选中,jQuery复选框是否选中,jQuery复选框选中,jQuery复选框选中事件
web前端-js教程
本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
爱情表白网页源码,vscode怎么建包,ubuntu 是哪,怎样进入Tomcat页面,爬虫tbody空,php 生成类图,惠州网络seo怎么样,好看的企业网站源码,机电类网站模板lzw
.net项目源码下载,vscode怎么清除浮动,u盘ubuntu启动盘,tomcat 分配内存,sqlite3加密版,哪些公司网页设计的好,access数据库连接出错,阿里云服务器安全吗,extjs 多文件上传插件,抖音开发的前端框架,python网络爬虫是什么,php 开源商城,小seo,springboot 菜单,织梦框架a标签链接地址,商城网站模板图,网页刻度尺,奇闻趣事 织梦模板,shopex后台演示,js跳转到本页面,java学生成绩管理系统任务书,windows程序设计第五版chmlzw
具体代码如下:
微地产 源码,ubuntu英语键盘布局,tomcat5高危漏洞,爬虫缸吧,php面向对象的网页,乎seolzw
A、实现的原理:
第一步:判断用户选择哪一项,即哪个复选框被选中
第二步:根据复选框的选中情况给出相应的提示
B、下面来看主体程序:
B
C
D
提示本题是单选题且正确答案是A
从上面也可以看出我假设这道题是单选题,且正确答案是A,那么接下来就开始用JQ实现了~~~
C、jQuery程序
$(function(){ //假设正确答案是A $("#button").click(function(){ if($("input").filter(":checked").length==0){alert("请选择一个选项再提交"); }else if($("#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判断哪个选项被选中经过测试是可以的。