使用javascript复选多个复选框 [英] Multiple Checked checkbox using javascript

问题描述

我有解决问题的问题：



sampleCode： DemoJS [ ^ ]

i have problem to solve my script:

sampleCode: DemoJS[^]

<table id="mytable">
    <tr>
        <td></td>
        <td>View</td>
        <td>Insert</td>
        <td>Update</td>
        <td>Delete</td>
    </tr>
    <tr>
        <td>Administrator</td>
        <td>
            <input type="checkbox" class="chkview chkview-1" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-1" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-1" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-1" />
        </td>
    </tr>
    <tr>
        <td>Free User</td>
        <td>
            <input type="checkbox" class="chkview chkview-2" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-2" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-2" />
        </td>
        <td>
            <input type="checkbox" class="chkitem chkitem-2" />
        </td>
    </tr>
</table>

$(function () {

       $('.chkview').change(function () {
        $(this).closest('tr').find('.chkitem').prop('checked', this.checked);
    });

    $(".chkitem").change(function () {
        var $tr = $(this).closest('tr'), $items =$tr.find('.chkitem') ;
        $tr.find('.chkview').prop('checked', $items.filter(':checked').length <= $items.length);
    });


});

我可以，如果我取消选中所有insert& update&删除，查看已检查应该检查错误？

can i possible, if i unchecked all insert&update&delete, View checked should be checked false?

推荐答案

（ function （）{

（' 。chkview'）。change（ function （）{

('.chkview').change(function () {

（ this ）。nearest（' tr'）。find（' .chkitem'）。prop（' checked'， this .checked）;
}）;

(this).closest('tr').find('.chkitem').prop('checked', this.checked); });

这篇关于使用javascript复选多个复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！