ホームページ  >  記事  >  ウェブフロントエンド  >  チェックボックスを実装するための jQuery メソッドselection_jquery

チェックボックスを実装するための jQuery メソッドselection_jquery

WBOY
WBOYオリジナル
2016-05-16 15:56:181037ブラウズ

この記事の例では、jQuery がチェックボックスの選択を実装する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

チェックボックスを使用してすべてを選択し、すべての選択を解除します。トグルを使用すると、チェックボックスにチェック マークが表示されない問題が発生します。

クリックイベントを利用し、checked属性に基づいて判定します。

例:

$("#chkRreviewOffline").click(function(){ 
  if(this.checked){ 
    $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
      this.checked=true; 
    }); 
  }else{ 
    $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
      this.checked=false; 
    }); 
  } 
}); 
$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
  $(this).click(function(){ 
    if(this.checked){ 
      //console.log('checked'); 
    }else{ 
      //console.log('not checked'); 
      $("#chkRreviewOffline").get(0).checked=false; 
    } 
  }); 
});

このうち、次の each() メソッドは、ページ上の他のチェックボックスが選択されていないときに、選択されているすべてのチェックボックスをキャンセルするために使用されます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。