Using jQuery to get multiple checkbox's value and Multiple D

Question

I have already bind a html table using jQuery json. I want to get multiple checkbox value using jQuery json and delete by selected multiple delete method. This is my code for bind the table.

 

 

 

$(function () {

debugger

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

url: "WebForm5.aspx/BindDatatable",

data: "{}",

dataType: "json",

success: function (dt) {

debugger;

for (var i = 0; i < dt.d.length; i++) {

$("#example1 > tbody").append("<tr><td> <input type='checkbox' /></td><td>" + dt.d[i].CategoryID + "</td><td>" + dt.d[i].Name + "</td><td>" + dt.d[i].Status + "</td><td> <button type='submit'>Submit</button><button type='submit' onclick='deleteRecord(" + dt.d[i].CategoryID + ")'>Delete</button> </tr>");

}

$("#example1").DataTable();

},

error: function (result) {

alert("Error");

}

});

});

 

 

This is my Button to Delete selected(multiple delete):

 

<button type="button" name="deletebtn" id="deletebtn">Delete Selected</button>

 

This is my html table:

 

<div class="box-body">

<button type="button" name="deletebtn" id="deletebtn">Delete Selected</button>

<table id="example1" class="table table-bordered table-striped">

<thead>

<tr>

<th>Check Box</th>

<th>Category Name</th>

<th>Category Details</th>

<th>Status</th>

<th>Action</th>

</tr>

</thead>

<tbody id="myBody">

</tbody>

</table>

</div>