成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jquery判斷復選框是否選中進行答題提示特效
全站頭部文字 我要出現在這里
jquery判斷復選框是否選中進行答題提示特效 634 2024-03-17   

本文實例講述了jquery判斷復選框是否選中進行答題提示特效代碼。分享給大家供大家參考。具體如下:
運行效果截圖如下:

查看圖片

具體代碼如下:

一、實現的原理:

第一步:判斷用戶選擇哪一項,即哪個復選框被選中

第二步:根據復選框的選中情況給出相應的提示

二、下面來看主體程序:

<!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="http://www.gimoo.net/t/1904/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://www.gimoo.net/t/1904/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判斷哪個選項被選中經過測試是可以的。

希望本文所述對大家學習jQuery程序設計有所幫助。



主站蜘蛛池模板: 时代少年团壁纸| 绝路逢生| 贾宏| 胡安·安东尼奥·萨马兰奇| r1se成员| 单身情歌 歌词| 杨幂吻戏| 带上她的眼睛| 电车男| 1988田螺姑娘| 猿球崛起| 八年级下册英语外研版| 《潜艇行动》免费观看| 童女之舞| 二年级上册道法教学计划 | 来5566看av激情电影使劲撸| 抖隐| 阮虔芷个人资料| 格子论文| 吴京电影全集完整版喜剧| 红岩下的追捕电视剧| 山西影视频道| 古今大战秦俑情电影| 白上之黑电影高清完整版在线观看 | 我家三爷超宠的短剧全集| 禁忌的恋爱关系凯帕克| 大奉打更人电视剧免费在线观看| 孙涛个人简历| 微信头像男专用| 季芹| 媚狐传| 蚀电影| 张俪eyely| 开心日记| 《韩国小姐》| 我爱你在线观看| xxxxxxxxxxxxx| 纳尼亚传奇| 砌生猪肉| 国产精品久久久久精品三级ⅰ| 藏身之所|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103