2

複数の行を選択できるjQuery datatablesプラグインを使用してテーブルを作成しました。ボタンを使用して一度にすべての行の選択を解除する方法を知りたいと思っていました。ここに私のコードがあります：http://jsfiddle.net/v6VTB/5/

$(document).ready(function() {    
$('#example5').dataTable( {
        "bPaginate": true,
        "bLengthChange": false,
        "bFilter": true,
        "bSort": true,
        "bInfo": true,
        "bAutoWidth": false
    } );
    /* Add/remove class to a row when clicked on */
    $('#example5 tr').click( function() {
        $(this).toggleClass('row_selected');
    } );
 } );
 $('#example5').css('min-height','300');  
​
4

3 に答える 3

1

クラスを削除するだけです。

$('.btn_r').click(function() {
    $('.row_selected').removeClass('row_selected')
})

http://jsfiddle.net/EfFA2/

于 2012-11-11T19:32:30.263 に答える
0

このフィドルで行われたこのようなことを試してください

 $('.btn_r').click( function() {
     $('#example5 tr').each(function(){
          if ( $(this).hasClass('row_selected') )
            $(this).removeClass('row_selected');

     })
});
于 2012-11-12T04:54:32.437 に答える
0

私はパーティーに少し遅れていることを知っていますが、誰かがこれに出くわした場合に備えて、DataTables には TableTools というプラグインがあり、行全体を選択、選択解除するためのボタンが組み込まれています。印刷やその他の機能も同様です。

datatables Web サイトから取った簡単な例:

  $(document).ready(function() {   
$('#example').DataTable( {        
    dom: 'T<"clear">lfrtip',        
    tableTools: {            
        "sRowSelect": "multi",            
        "aButtons": [ "select_all", "select_none" ]       
    }    
} );

} );

リンクは次のとおりです: https://datatables.net/release-datatables/extensions/TableTools/examples/select_multi.html

于 2014-08-14T15:48:17.430 に答える