domenica 15 luglio 2018

Jquery selezionare tramite click tutte le checkbox presenti nella tabella - Jquery Selecting Table Rows with Checkbox

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);
            });

        });







Nessun commento: