如果选择了一行，只显示一些html

Only display some html if a row is selected

本文关键字：显示 html 一行 选择 如果      更新时间：2023-09-26

我使用数据表，并使用以下代码来突出显示选中的行:

    /* 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>

我怎样才能做到这一点?

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

您可以在toggleClass

之后执行此操作
if($('#items-table tbody tr.row_selected').length > 0) {
    $("p").show();
else
    $("p").hide();

您可以创建一个函数，在每次单击时检查选中了多少行。

例如:

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
});

希望有帮助

相关文章：