AJAX:将一组值发布到php

您需要用HTML数组创建每个复选框，它的值将是元素id，然后您需要一个操作（如"Delete All"按钮），用Ajax将数据发送到PHP（不需要表单）：

$('#menu-notifications').click(function() {
    // Simpler: use getJSON
    $.getJSON('/admin/notifications/ajax_view_notifications/' + <?= $this->session->userdata('user_id'); ?>)
    // Clearner: use promises :)
    .done(function(data) {
        $("#notifications-modal .modal-body table").find("tr:gt(0)").remove();
        $.each(data, function(i, obj) {
            // Create a row
            var row = $('<tr>');
            // Crete cells
            var cells =
                '<td>' + htmlDecode(obj.message) + '</td>' +
                '<td>' + obj.created_by + '</td>' +
                '<td>' + obj.created_dt + '</td>' +
                // We use this identified cell to create our delete functionality
                '<td class="delete-row"></td>';
            // Fill the row
            row.append(cells);
            // Create the delete button
            var deleteButton = $('<a>', {
                 'href':        '/admin/notifications/ajax_delete_notification/' + obj.id
                ,'class':       'btn btn-mini delete-notification'
                // We can't have duplicate ids, so no ids here
                // ,id:         'delete-notification'
                ,'data-dismiss':'modal'
                ,'html':        '<i class="icon-remove"></i>'
            });
            // Crete the checkbox
            var checkbox = $('input', {
                 'type':        'checkbox'
                // We use an HTML array
                ,'name':        'rowsToDelete[]'
                ,'value':       obj.id
            });
            // Append the button and the checkbox to the row
            // I ignore the .btn-group on purpose
            row.find('.delete-row')
                .append(deleteButton)
                .append(checkbox);
            // We add the row to the DOM
            $('#notifications-modal .modal-body table tr:last').append(row);
        });
    });
});
// To delete in group we use a different call, let's say, a 'Delete All' button
$('#delete-all').click(function() {
    // We serialize the info of all the buttons
    // Find all checkbox under the .delete-row class and serialize it
    data = $('.delete-row').find(':checkbox').serialize();
    // Send the data to PHP
    $.post('/admin/notifications/ajax_delete_notification/delete_a_bunch', data)
    // PHP would receive $_POST['rowsToDelete'] = [1, 2, 4, 20]
    .done(function(data) {
        alert('All selected rows were deleted');
    })
    .fail(function() {
        alert('No rows deleted :/');
    });
});

测试片段

// To delete in group we use a different call, let's say, a 'Delete All' button
$('#delete-all').click(function() {
    // We serialize the info of all the buttons
    // Find all checkbox under the .delete-row class and serialize it
    data = $('.delete-row').find(':checkbox').serialize();
  
    // Alert the data (test only)
    $("#r").text(data.replace(/deleteRow/g, '$_POST[deleteRow]').replace(/%5B%5D/g, '[]').replace(/'&/g, ";'n") + ';');
  
    /*
    // Send the data to PHP
    $.post('/admin/notifications/ajax_delete_notification/delete_a_bunch', data)
    // PHP would receive $_POST['rowsToDelete'] = [1, 2, 4, 20]
    .done(function(data) {
        alert('All selected rows were deleted');
    })
    .fail(function() {
        alert('No rows deleted :/');
    });
    */
});

table {
  width: 100%;
}
th, td {
  border-bottom: 1px solid #ddd;
  text-align: left;
}
#r {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
  margin-top: 10px;
  height: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<table>
	<thead>
		<tr>
			<th>Dummy header</th>
			<th>Dummy header</th>
			<th>Dummy header</th>
			<th>Check to delete</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td class="delete-row">
				<input type="checkbox" name="deleteRow[]" value="2">
			</td>
		</tr>
		<tr>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td class="delete-row">
				<input type="checkbox" name="deleteRow[]" value="3">
			</td>
		</tr>
		<tr>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td class="delete-row">
				<input type="checkbox" name="deleteRow[]" value="6">
			</td>
		</tr>
		<tr>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td>Dummy Text</td>
			<td class="delete-row">
				<input type="checkbox" name="deleteRow[]" checked value="10">
			</td>
		</tr>
	</tbody>
</table>
<hr>
<button id="delete-all">Delete all elements</button>
<pre id="r"></pre>