基于jQuery的checkbox全選問題分析

更新時間：2016年11月18日 14:10:19 作者：栁羅風塵

這篇文章主要介紹了基于jQuery的checkbox全選問題,結合實例形式分析了jQuery實現(xiàn)全選功能中遇到的問題與相應的解決方法,需要的朋友可以參考下

本文實例分析了基于jQuery的checkbox全選問題。分享給大家供大家參考，具體如下：

最近開發(fā)項目時遇到一個很奇怪的問題，就是checkbox的全選與全不選
使用jQuery的框架。一直是使用

//檢測選中的checkbox
$('input[name="abc"]:checked').each(function(){})

但是，發(fā)現(xiàn)我需要全選的時候，使用

$('input[name="abc"]').attr('checked',true);
$('input[name="abc"]').attr('checked',false);

時，第一次加載的時候管用，再次點擊就只顯示它自己了
但是點擊的時候，查看源代碼，屬性checked已經(jīng)添加上了
百思不得其解，最后搜索到，原來是 attr屬性對于checked來說他不會使dom樣式改變，只會將它的屬性值改變，jquery提供了取而代之的方法，如下就可以了

$('input[name="abc"]').prop('checked',true);
$('input[name="abc"]').prop('checked',false);

但是，問題又來了，不全選時我檢測不到哪個元素被點擊了，然后就在name上做文章

$('input[name="abc[]:checked"').each(function(i){});
//或者
$('input[name="abc[]"').each(function(i){
  var flag = $(this).prop('checked');
  if(flag){
   //$(this) 即為選中元素
 }
})

問題解決。

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery form操作技巧匯總》、《jQuery切換特效與技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》

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

您可能感興趣的文章:

用jquery實現(xiàn)等比例縮放圖片效果插件
用jquery實現(xiàn)圖片等比例縮放的代碼，以插件的形式編寫，需要的朋友可以參考下。
2010-07-07
Jquery的autocomplete插件用法及參數(shù)講解
今天小編就為大家分享一篇關于Jquery的autocomplete插件用法及參數(shù)講解，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-03-03
jQuery遍歷json中多個map的方法
這篇文章主要介紹了jQuery遍歷json中多個map的方法,涉及jQuery循環(huán)的技巧與針對map的遍歷方法,需要的朋友可以參考下
2015-02-02
jquery處理checkbox（復選框）是否被選中實例代碼
這篇文章主要介紹了jquery處理checkbox（復選框）是否被選中實例代碼的相關資料,需要的朋友可以參考下
2017-06-06
jQuery實現(xiàn)form表單元素序列化為json對象的方法
這篇文章主要介紹了jQuery實現(xiàn)form表單元素序列化為json對象的方法,涉及jQuery基于serializeArray方法實現(xiàn)表單序列化的相關技巧,需要的朋友可以參考下
2015-12-12
js原生態(tài)函數(shù)中使用jQuery中的 $(this)無效的解決方法
今天遇到一個聽郁悶的問題，正如title所說 js中原生態(tài)函數(shù)在jQuery 中使用 $(this) 被解析成undefined
2011-05-05
jQuery表單事件實例代碼分享
這篇文章主要為大家詳細介紹了jQuery表單事件實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
jQuery實現(xiàn)帶進度條的輪播圖
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)帶進度條的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
Jquery實現(xiàn)仿京東商城省市聯(lián)動菜單
這篇文章主要介紹了Jquery實現(xiàn)仿京東商城省市聯(lián)動菜單的簡單實例演示，可以選擇對應省、市、縣，希望大家可以喜歡。
2015-11-11
jQuery實現(xiàn)文件編碼成base64并通過AJAX上傳的方法
這篇文章主要介紹了jQuery實現(xiàn)文件編碼成base64并通過AJAX上傳的方法,涉及jQuery前臺使用FileReader對象編碼base64文件進行ajax上傳及后臺php處理相關操作技巧,需要的朋友可以參考下
2018-04-04