javascript execution on button click event

Question

I am designing an application which is using a predefined library from DataTables to create the data table. I want to perform remove operation on Datatable, for which java script should get executed on button click event.

$(document).ready(function() {
    var table = $('#example').DataTable();
    $('#example tbody').on( 'click', 'tr', function () {
        if ($(this).hasClass('selected')) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    });

    $('#button').click(function() {
        table.row('.selected').remove().draw(false);
    });
});

HTML button is:

 <button type="button" class="btn btn-primary btn-sm">Remove</button>

Clicking this button should execute above script and the selected row should get deleted from the datatable.

by datatable do you mean to say you are using a jquery plugin datatables? — Sourabh Kumar Sharma
– Sourabh Kumar Sharma, Commented May 30, 2015 at 7:02

Satpal · Accepted Answer · 2015-05-30 07:01:52Z

1

You need set the id(identifier) of button since you are using ID Selector ("#id")

<button id="button" type="button" class="btn btn-primary btn-sm">Remove</button>

answered May 30, 2015 at 7:01

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Ashutosh Raj · Accepted Answer · 2015-05-30 09:28:15Z

0

you are not actually selecting the right button . ways to select

1>To select the button either add "id='button'" without quotes in the html or 2>user your class to select the button if it is unique.

though both will work, first one is recommended.

answered May 30, 2015 at 9:28

Ashutosh Raj

1,0551 gold badge11 silver badges21 bronze badges

Collectives™ on Stack Overflow

javascript execution on button click event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related