Question

我有桌子，我在每一行都放了复选框。并删除记录现在我想把全部检查并取消选中表格中标题中的所有选项

下面的

是我的cakephp项目的html输出。

<form action="/" id="OrderOrderForm" method="post" accept-charset="utf-8">
    <div style="display:none;">
        <input type="hidden" name="_method" value="POST" />
    </div>
    <table class="table table-bordered table-hover">
        <th>Name</th>
        <th>Email</th>
        <th>phone</th>
        <th>view</th>
        <th>delete</th>
        <thead>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>89</td>
                <td>9</td>
                <td>7</td>
                <td>
<a href="/orders/view/33" title="VIEW" class="fa fa-search"></a>

                </td>
                <td>
                    <input type="checkbox" name="order_id[]" value="33" hiddenField="false">
                </td>
            </tr>
            <tr>
                <td>89</td>
                <td>9</td>
                <td>7</td>
                <td>
<a href="/orders/view/34" title="VIEW" class="fa fa-search"></a>

                </td>
                <td>
                    <input type="checkbox" name="order_id[]" value="34" hiddenField="false">
                </td>
            </tr>
        </tbody>
    </table>
    <input class="btn btn-primary" title="Submit" type="submit" value="Delete selected" />
    </div>
    </div>
    </br>
    </div>
    <!-- /.row -->

udpated。现在我有2个复选框1用于选择全部，1用于取消选择所有但是我只想1.如果它的检查然后选择全部并且如果它取消选中然后全部选择

enter image description here

我的复选框html

  <th>
            <input type="checkbox" name="" value ="Select all" class="btnSelectAll" title="selectall" >

<input type="checkbox" name="" value ="Select all" class="btnUnSelectAll" title="unselect" ></th>

我的javascript已更新

<script type="text/javascript">

$(".btnSelectAll").click(function(){
    $("input[name='order_id[]']").prop('checked', true);
});

$(".btnUnSelectAll").click(function(){
    $("input[name='order_id[]']").prop('checked', false);
});
</script>

Answer 1

正在使用 FIDDLE

在HTML中使用按钮

<input  class="btnSelectAll" title="Submit" type="button" value="Tick selected"/>

在js中使用：

//After you click the button , execute the anonmous function block.
$(".btnSelectAll").click(function(){
    //Select All chackboxes having name as order_id[] And Tick it.
    $("input[name='order_id[]']").prop('checked', true);
});

此外，您也可以将此课程提供给DELETE标题（<ht class="btnSelectAll">delete</th>），而不是按钮。

勾选表格中的所有复选框

1 个答案: