JavaScript disable button when table is empty

Question

I have an external Javascript and I want to enable a button when the table is not empty.

But I cannot seem to make it work.

This is my code:

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

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

Try this $("#finalizeButton").prop('disabled', false) instead of document.getElementById("finalizeButton").disabled = false — Yang
– Yang, Commented Mar 7, 2015 at 11:12
Does the table gets filled up or emptied out without reloading the page? — Hossain Muctadir
– Hossain Muctadir, Commented Mar 7, 2015 at 11:15

mohamedrias · Accepted Answer · 2015-03-07 11:13:19Z

3

To disable button:

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

So your code will be:

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

answered Mar 7, 2015 at 11:13

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mark Over a year ago

This works! But I had to change the rowCount == 0. Meaning if it's empty, button is disabled, else it is enabled.

pavel · Accepted Answer · 2015-03-07 11:13:29Z

0

This should work. Of course, it has to be below the button, or in .ready():

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

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

answered Mar 7, 2015 at 11:13

pavel

27.3k11 gold badges47 silver badges63 bronze badges

Comments

mahesh kalantre · Accepted Answer · 2015-03-07 11:21:07Z

0

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

answered Mar 7, 2015 at 11:21

mahesh kalantre

516 bronze badges

Collectives™ on Stack Overflow

JavaScript disable button when table is empty

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related