怎么实现html复选框中全选和清除呢

如题所述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.1.0.min.js"></script>
    <style>
    </style>
</head>
<body>
<input type="checkbox" checked>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<button id="btn">全选</button>
<button id="btn1">取消全选</button>
<script>
    $(document).ready(function () {
        $("#btn").click(function () {
        $(":checkbox").attr("checked",true);
        })
        $("#btn1").click(function () {
            $(":checkbox").attr("checked",false);
        })
    })

</script>
</body>
</html>

 éœ€è¦å¼•ç”¨jquery

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答