JavaScript 当 table 为空时禁用按钮

Question

我有一个外部 Javascript，我想在 table 不为空时启用一个按钮。

但我似乎无法让它工作。

这是我的代码：

 $(function(){
    var rowCount = $('#uploadsTable tbody tr').length;

    if(rowCount != 0){
        document.getElementById("finalizeButton").disabled = false;
    }
});

Answer 1

禁用按钮：

 $('#finalizeButton').attr('disabled','disabled');

因此您的代码将是：

$(function(){
    var rowCount = $('#uploadsTable tbody tr').length;
    if(rowCount < 1){
        $('#finalizeButton').attr('disabled','disabled');
    } else {
        $('#finalizeButton').removeAttr('disabled');
    }
});

Answer 2

这应该有效。当然要在按钮下方，或者在.ready():

$(function(){
    var rowCount = $('#uploadsTable tbody tr').length;

    if(rowCount == 0){
        document.getElementById("finalizeButton").disabled = true;
    }
});

Answer 3

please check following example:

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<p>Click the button to return the number of tr elements in the table.</p>

<table id="myTable">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br> 

<button onclick="myFunction()">Try it</button>
<button id = "buy"> Submit</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("myTable").rows.length;
   if(x == 0){

      document.getElementById("buy").disabled = true;
    }else{

        document.getElementById("buy").disabled = false;
    }

JavaScript 当 table 为空时禁用按钮

JavaScript disable button when table is empty

javascript

jquery

html-table