JQueryはcheckbox全選、不選、逆選を実現

開発の過程で、checkboxチェックボックスの全選択、不選択、逆選択機能はよく用いられ、例えばバックグラウンド操作の複数の記録の一括削除、フロントの趣味の複数の選択などである.
リンクラベルが3つある場合、1つはすべて選択され、1つは選択されず、1つは逆選択され、onclickのイベントはそれぞれsel_all('1'),sel_all('0'),rev_sel().複数選択チェックボックスのnameプロパティはcheck_box.イベントコードは次のとおりです.
まずページヘッダにJQueryライブラリファイルを含む(jqueryって何?).
ソースコードの表示
印刷
ヘルプ 01. // 、 02. function sel_all(checked){ 03.      var check_obj = $( "input[name='check_box']" ); 04.      for ( var i=0; i<check_obj.length;i++){ 05.          if (checked){ 06.              check_obj.get(i).checked = true ; 07.          } else { 08.              check_obj.get(i).checked = false ; 09.          } 10.      } 11.      return ; 12. } 13.     14. // 15. function rev_sel(){ 16.      var check_obj = $( "input[name='check_box']" ); 17.      for ( var i=0; i<check_obj.length;i++){ 18.          check_obj.get(i).checked = ! check_obj.get(i).checked; 19.      } 20.      return ; 21. } 22.     23. // 24. function count_sel(){ 25.      var checked_num = $( "input[name='check_box']:checked" ).length; 26.      if (checked_num == 0){ 27.           alert( ' ！' ); 28.           return ; 29.      } 30.      // （ ） 31. }
 
http://www.itpob.cn/thread-10383-1-1.html