當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

發布時間：2025/3/21 编程问答 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

JQuery是一個非常容易上手的框架，但是有很多東西需要我們深入學習的。

判斷checkbox是否被選中網上有選多種寫法，這里有一種方法，個人覺得

比較方便。

因為比較簡單，沒什么技術含量，直接代碼

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns=" http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery 判斷checkbox是否選中，checkbox全選，獲取checkbox選中值</title> <scripttype="text/javascript" language="javascript" src=" http://code.jquery.com/jquery-1.6.4.min.js" ></script> <scripttype="text/javascript"> $(function(){ /*------------ 全選/全不選 ------------*/ $('#cboxchecked').click(function(){ //判斷apple是否被選中 var bischecked=$('#cboxchecked').is(':checked'); var fruit=$('input[name="fruit"]'); bischecked?fruit.attr('checked',true):fruit.attr('checked',false); }); /*------------- 獲取選中值 -------------*/ $('#btn_submit').submit(function(){ $('input[name="fruit"]:checked').each(function(){ var sfruit=$(this).val(); alert(sfruit); }); return false; }); }) </script> </head> <body> <formaction=""> <inputtype="checkbox"? id="cboxchecked" /> <labelfor="cboxchecked">全選/全不選</label> <br/> <br/> <inputtype="checkbox"? id="cboxapple" name="fruit" value="apple" /> <labelfor="apple">Apple</label> <inputtype="checkbox"? id="cboxorange" name="fruit" value="orange" /> <labelfor="orange">Orange</label> <inputtype="checkbox"? id="cboxbanana" name="fruit" value="banana" /> <labelfor="banana">Banana</label> <inputtype="checkbox"? id="cboxgrapes" name="fruit" value="grapes" /> <labelfor="grapes">Grapes</label> <br/> <br/> <inputtype="submit" id="btn_submit" value="submit" /> </form> </body> </html>

轉載于:https://my.oschina.net/u/2462507/blog/513940

總結

以上是生活随笔為你收集整理的JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。