ホームページ > 記事 > ウェブフロントエンド > チェックボックスを実装するための jQuery メソッドselection_jquery
この記事の例では、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 プログラミングに役立つことを願っています。