jqueryはcheckboxを書く――メールボックスの全選択機能に似ている

以前原生JSでcheckboxと書いたことがあります――メールボックスの全選機能に似ていて、ここをクリックします.最近jqueryを勉強していますが、今日は暇を見つけてjqueryでcheckboxを書きます.メールボックスの全選択機能に似ています.

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
  /   
 
  
  1
 
  
  2
 
  
  3
 
  
  4
 
  
  5
 
  
  6
 
  
  7
 
  
  8
 
  
  9
 
  
  10
 
  
ぎゃくせんたく 
  
 
  
 
  
 
  
 
  <br>$(function(){ 
  <br>var checkboxes = $('input[name=choose]'); 
  <br>var btn = $('#btn'); 
  <br>var btn2 = $('#btn2'); 
  <br>btn.click(function(){ 
  <br>checkboxes.attr('checked',this.checked); 
  <br>}); 
  <br>checkboxes.click(function(){ 
  <br>var flag = true; 
  <br>checkboxes.each(function(){ 
  <br>if(!this.checked) flag = false; 
  <br>}); 
  <br>btn.attr('checked',flag); 
  <br>}); 
  <br>btn2.click(function(){ 
  <br>var flag = true; 
  <br>checkboxes.each(function(){ 
  <br>this.checked = !this.checked; 
  <br>if(!this.checked) flag = false; 
  <br>}); 
  <br>btn.attr('checked',flag); 
  <br>}); 
  <br>}); 
  <br> 
  
 
 

ヒント:jqueryを使用する場合は、jqueryライブラリを導入する必要があります.
PS:以上は私が学んだjqueryの知識を通じて、勝手に書いた効果です.