只有一個行被選中

Question

我使用DataTables和有這樣的代碼，突出選擇的行顯示一些HTML：

/* Click event handler */ 
    $('#items-table tbody tr').live('click', function() { 
     var id = this.id; 
     var index = jQuery.inArray(id, aSelected); 

     if (index === -1) { 
      aSelected.push(id); 
     } else { 
      aSelected.splice(index, 1); 
     } 

     $(this).toggleClass('row_selected'); 
    }); 

我想要做的是隻顯示下面的HTML如果一個或多個行選擇：

<p> 
<a href="javascript:void(0)" id="delete">Delete selected rows</a>   
</p> 

我該如何做到這一點？

Answer 1

if ($('#items-table tbody tr.row_selected').length > 0){ 
    $('#delete').show(); 
} 
else { 
    $('#delete').hide(); 
} 

Answer 2

你可以做，通過這樣的toggleClass

後

if($('#items-table tbody tr.row_selected').length > 0) { 
    $("p").show(); 
else 
    $("p").hide(); 

Answer 3

您可以創建一個在每個點擊多少行選定檢查的功能。

例如：

function checkRows(){ 
    if($('.row_selected').length > 0){ 
     $('#delete').show(); 
    }else{ 
     $('#delete').hide(); 
    } 
} 

然後有這樣的刪除按鈕：

$('#delete').click(function(){ 
    $('.row_selected').slideUp(200,function(){ 
     $(this).remove(); 
    }); 
    $(this).hide(); // Hide delete button again 
}); 

希望幫助:)