Problem with activating Delete Button when Checkbox is checked with Jquery

Question

I want to display 3 tables with different data types, on 1 page, using livewire.

The problem is in the bulk delete button..

The first time the page loads, the delete button works fine, if any checkbox is selected.

But if the data in the table changes, due to changing data types or search results, the delete button does not work even if a checkbox is selected.

I am using jquery to enable bulk delete button.

This is the button:

    <button id='hapusMasal' disabled>Hapus Masal</button>

This is the script

$('tr').click(function() {
            var len = $(".checkbox:checked").length;
            if (len == 0) {
                $("#hapusMasal").prop("disabled", true);
            } else {
                // alert('ok');
                $("#hapusMasal").removeAttr("disabled");
            }
        });

I check the checkbox when any of the data row is clicked, not only when I click in the checkbox input.

Can anyone tell me what should I do?

Omar Tammam · Accepted Answer · 2022-04-08 03:26:26Z

1

update it to

$(document).on('click', 'tr', function() {
   var len = $(".checkbox:checked").length;
            if (len == 0) {
                $("#hapusMasal").prop("disabled", true);
            } else {
                // alert('ok');
                $("#hapusMasal").removeAttr("disabled");
            }
});

these edits change the code from bind to live for more info please check the following article difference between on() and live() or bind()

answered Apr 8, 2022 at 3:26

Omar Tammam

1,3041 gold badge11 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Problem with activating Delete Button when Checkbox is checked with Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related