Il frammento codice qui di seguito illustra una tecnica in Jquery, di come tramite il click su un checkbox seleziona in automatico tutti i vari check presenti nelle singole righe.
Qui di seguito la tabella:
table id="TabellaDati">
<thead>
<tr>
<th>
<input type="checkbox" id="selectAll" />
</th>
<th>Id</th>
<th>titolo</th>
</tr>
</thead>
tbody>
@foreach (var item in Model)
{
tr data-id="@item.Id" name="@item.IdChiave">
<td class="cb"><input type="checkbox" value=@item.IdChiave></td>
td>@item.Testo</td
</tr>
}
</tbody>
</table>
Mentre qui di seguito lo script Jquery per selezionare tutti i check quando si fa click sul check in alto (selectAll).
$(document).ready(function () {
$('#selectAll').click(function (e) {
var table = $(e.target).closest('table');
$('td input:checkbox', table).prop('checked', this.checked);
});
});
Iscriviti a:
Commenti sul post (Atom)
Nessun commento:
Posta un commento