jquery特效（6）—判断复选框是否选中进行答题提示
生活随笔
收集整理的這篇文章主要介紹了
jquery特效（6）—判断复选框是否选中进行答题提示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前面有一段時間思想開了小差，跟著師父學習了一段時間才發現差距很大，看來我要奮起直追~\(≧▽≦)/~啦啦啦。
最近公司在做一個項目，需要根據用戶選擇的選項給出相應的提示，下面來看我寫的測試程序的效果：
?
?
一、實現的原理：
第一步：判斷用戶選擇哪一項，即哪個復選框被選中
第二步：根據復選框的選中情況給出相應的提示
?
?
二、下面來看主體程序：
<!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程序
$(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判斷哪個選項被選中經過測試是可以的~~~如果有什么其他方法，歡迎提出來讓我膜拜一下~~~
轉載于:https://www.cnblogs.com/lily1010/p/5033785.html
總結
以上是生活随笔為你收集整理的jquery特效（6）—判断复选框是否选中进行答题提示的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： STM32F103构建固件库模板(PS固
- 下一篇： STM32F103实现点灯(固件库方式)