投资项目网站建设方案,设计官网的作用,wordpress自媒体二号,互联网ui设计是什么前面有一段时间思想开了小差#xff0c;跟着师父学习了一段时间才发现差距很大#xff0c;看来我要奋起直追~\(≧▽≦)/~啦啦啦。 最近公司在做一个项目#xff0c;需要根据用户选择的选项给出相应的提示#xff0c;下面来看我写的测试程序的效果#xff1a; 一、实现的原…前面有一段时间思想开了小差跟着师父学习了一段时间才发现差距很大看来我要奋起直追~\(≧▽≦)/~啦啦啦。 最近公司在做一个项目需要根据用户选择的选项给出相应的提示下面来看我写的测试程序的效果 一、实现的原理 第一步判断用户选择哪一项即哪个复选框被选中 第二步根据复选框的选中情况给出相应的提示 二、下面来看主体程序 !DOCTYPE html
htmlheadmeta charsetutf-8 /title/title/headbodyinput typecheckbox idcheckbox01 /A br /input typecheckbox idcheckbox02 /B br /input typecheckbox idcheckbox03 /C br /input typecheckbox idcheckbox04 /D br /input typebutton idbutton value提交 /h4 提示本题是单选题且正确答案是A/h4script srcjs/jquery-1.11.0.js typetext/javascript charsetutf-8/scriptscript srcjs/layout.js typetext/javascript charsetutf-8/script/body
/html 从上面也可以看出我假设这道题是单选题且正确答案是A那么接下来就开始用JQ实现了~~~ 三、jQuery程序 $(function(){//假设正确答案是A$(#button).click(function(){if($(input).filter(:checked).length0){alert(请选择一个选项再提交);}else if($(#checkbox01).filter(:checked).length!0$(#checkbox02).filter(:checked).length0$(#checkbox03).filter(:checked).length0$(#checkbox04).filter(:checked).length0){alert(您选择的答案是正确的)}else{alert(您选择的答案是错误的)}})
}) 之前看了网上很多判断复选框被选中的程序经过测试大多上都是无用的估计是jquery版本更新祛除了很多程序导致的吧谁知道呢后来用$(#id).filter(:checked).length0判断哪个选项被选中经过测试是可以的~~~如果有什么其他方法欢迎提出来让我膜拜一下~~~转载于:https://www.cnblogs.com/lily1010/p/5033785.html