Question

您好我有以下div

<div class="color-block">
    <div class="common-in-block room-box">
    <p class="color-name">green</p>
    <input type="checkbox" checked value="green class="blind-value common-checkbox">
    </div>
     <div class="common-in-block room-box">
     <p class="color-name">Red</p>
     <input type="checkbox" value="red" class="blind-value common-checkbox">
    </div>
    <div class="common-in-block room-box">
     <p class="color-name">Black</p>
    <input type="checkbox" value="black" class="blind-value common-checkbox">
    </div>
</div>

这里我需要的是，在网页的初始加载中，我想要禁用未勾选复选框的所有单击事件。

那就是我需要禁用点击黑色和红色的脸颊盒及其对应的父母盒子。

当用户取消选中绿色时，我们需要启用每个复选框及其父级的点击。

这就是条件是用户只能点击一个复选框及其对应的父级。所有与未选中复选框相关的事件及其父母都需要禁用，。怎么做。？

要在未选中复选框上禁用单击事件，请编写以下代码

if($(".blind-value").filter(':checked').length == 1){
        $('.blind-value:not(:checked)').attr('disabled', 'disabled');

        }
    else {
        $('.blind-value').removeAttr('disabled');

        }

请帮助完成此

Answer 1

只需将您的事件绑定到“活动”类，在选中/取消选中复选框时添加或删除活动类。

我认为你也可以使用：pointer-events：none;

禁用click with css

根据jquery中的条件启用和解除div单击

1 个答案: