checkbook 全新选 反选代码实现 js

``

点击查看代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body id="body">
<div>
    <tr>
        <input type="checkbox">
        <th>蒲松林</th>
        <th>25</th>
        <th>男</th>

    </tr>
</div>
<div>
    <tr><input type="checkbox">
        <th>李白</th>
        <th>25</th>
        <th>男</th>

    </tr>
</div>
<div>
    <tr><input type="checkbox">
        <th>蒲郭沫若</th>
        <th>55</th>
        <th>男</th>

    </tr>
    <h1 id="h1"></h1>
</div>
<input type="button" value="全选" onclick="selectAll(this);">
<input type="button" value="取消" onclick="cancelAll(this);">
<input type="button" value="取消" onclick="reverselAll(this);">
<script>
    function selectAll(self) {

        $('#body').find('input[type="checkbox"]').prop('checked', true);
    }

    function cancelAll(self) {

        $('#body').find('input[type="checkbox"]').prop('checked', false);
    }

    function reverselAll(self) {
        var tag_list  = $('#body').find('input[type="checkbox"]')


        $('#body').find('input[type="checkbox"]').each(function () {
                var old = $(this).prop('checked');
                if (old) {
                    $(this).prop('checked', false)
                } else {
                    $(this).prop('checked', true)
                }
            }
        )

    }


</script>

<script src="../bootstrap/js/jquery-3.6.1.js"></script>

</body>
</html>
posted @ 2022-12-10 14:52  昆仑葫芦  阅读(0)  评论(0)    收藏  举报