HTML程式碼

首先建立一個表格：

<table class="table table-bordered table-hover">
                <tr>
                    <th><input type="checkbox" id="all"></th>
                    <th>產品編號</th>
                    <th>產品名稱</th>
                    <th>
 
價格</th>
                    <th>介紹</th>
                    <th>封面</th>
                    <th>庫存</th>
                    <th>狀態</th>
                    <th>上貨時間</th>
                </tr>
                <tr v-for="(pros,i) in product"
 
>
                    <td><input type="checkbox" name="sub"></td>
                    <td>{{pros.cid}}</td>
                    <td>{{pros.tname}}</td>
                    <td>{{pros.price}}元</td>
                    <td>{{pros.details}}</
 
td>
                    <td>{{pros.picture}}</td>
                    <td>{{pros.stock}}</td>
                    <td>{{pros.states}}</td>
                    <td>{{pros.add_date}}</td>
                </tr>
            </table>

jquery程式碼：

$("#all").on('click',function() { $("input[name='sub']").prop("checked", this.checked); });

執行結果：