首頁 > php教程 > PHP开发 > 基於jQuery的checkbox全選問題分析

基於jQuery的checkbox全選問題分析

高洛峰
發布: 2016-12-06 14:13:34
原創
1556 人瀏覽過

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

最近開發專案時遇到一個很奇怪的問題,就是checkbox的全選與全不選
使用jQuery的框架。一直是使用

//检测选中的checkbox
$('input[name="abc"]:checked').each(function(){})
登入後複製

   

但是,發現我需要全選的時候,使用

$('input[name="abc"]').attr('checked',true);
$('input[name="abc"]').attr('checked',false);
登入後複製

   

時,第一次加載的時候管用了點擊

時,第一次加載的時候管用它點擊了

時候,查看源代碼,屬性checked已經添加上了

百思不得其解,最後搜索到,原來是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) 即为选中元素
 }
})
登入後複製
   問題解決。


🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板