jquery操作チェックボックス(checkbox)の12のテクニックは以下の通りです.

4118 ワード

jqueryチェックボックス(checkbox)を操作する12のテクニックは、1、単一のcheckbox選択項目を取得する(3つの書き方)1 $( "input:checkbox:checked" ).val()
 
  2 $( "input:[type='checkbox']:checked" ).val();
    3 $( "input:[name='ck']:checked" ).val();
2、複数のcheckbox選択項目を取得する
  $( 'input:checkbox' ).each( function () {
          if ($( this ).attr( 'checked' ) == true ) {
                  alert($( this ).val());
          }
  });
3、最初のcheckboxを選択値に設定
  $( 'input:checkbox:first' ).attr( "checked" , 'checked' );
 
  $( 'input:checkbox' ).eq(0).attr( "checked" , 'true' );
4、最後のcheckboxを選択値に設定
  $( 'input:radio:last' ).attr( 'checked' , 'checked' );
 
  $( 'input:radio:last' ).attr( 'checked' , 'true' );
5、インデックス値に基づいて任意のcheckboxを選択値に設定する1 $( 'input:checkbox).eq( ).attr(' checked ', ' true '); =0,1,2....
 
  $( 'input:radio' ).slice(1,2).attr( 'checked' , 'true' );
6、複数のcheckboxを選択して1番目と2番目のcheckboxを同時に選択する
  $( 'input:radio' ).slice(0,2).attr( 'checked' , 'true' );
7、Value値よりcheckboxを選択値に設定
  $( "input:checkbox[value='1']" ).attr( 'checked' , 'true' );
8、Value=1のcheckboxを削除する
  $( "input:checkbox[value='1']" ).remove();
9、いくつ目のcheckboxを削除する
  $( "input:checkbox" ).eq( ).remove(); =0,1,2....
  3 checkbox:
  $( "input:checkbox" ).eq(2).remove();
10、checkboxを巡る
  $( 'input:checkbox' ).each( function (index, domEle) {
  //
  });
11、すべて選択
  $( 'input:checkbox' ).each( function () {
          $( this ).attr( 'checked' , true );
  });
12、すべて選択解除
  $( 'input:checkbox' ).each( function () {
          $( this ).attr( 'checked' , false );
  });