禁止取消checkbox选中

时间：2022-08-21 05:49:10

问题描述：

checkbox复选框，只能选中而不能取消选中


因为checkbox是HTML中的元素，可能不能让它不选中自己，所以我的方法是，不直接对checkbox处理，在它上面再加一层div，每次点击checkbox时，其实是点击div，（checkbox点击不到），然后对checkbox进行处理

<html >
<head>
    <title></title>
    <script type="text/javascript" src="JS/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".div").click(function () {
                var obj = $(this).parent().find(":checkbox");
                if ($(obj).is(":checked")) {
                    alert("suspend");
                }
                else {
                    $(obj).attr("checked", "checked");
                }
            })
        })
    </script>
</head>
<body>
    <div class="div" style="position:relative;">
        <span style="position:absolute; width:20px;height:20px;z-index:999;"></span>
        <div style="position:absolute;z-index:998;"><input type="checkbox" /></div>
    </div>
</body>
</html>


标签：

相关文章