禁止取消checkbox选中

最新推荐文章于 2023-07-05 11:42:34 发布

_王川

最新推荐文章于 2023-07-05 11:42:34 发布

阅读量5k

点赞数

分类专栏：网站制作文章标签：网站制作

本文链接：https://blog.csdn.net/starcuan/article/details/21235691

版权

网站制作专栏收录该内容

8 篇文章 0 订阅

订阅专栏

问题描述：

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>

_王川

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
禁止取消checkbox选中

问题描述：checkbox复选框，只能选中而不能取消选中因为checkbox是HTML中的元素，可能不能让它不选中自己，所以我的方法是，不直接对checkbox处理，在它上面再加一层div，每次点击checkbox时，其实是点击div，（checkbox点击不到），然后对checkbox进行处理 $(function () {
复制链接

扫一扫

专栏目录