啓用並根據病情disble DIV點擊jQuery的

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

只需綁定你的事件，一類像「主動」禁用Click事件，添加或刪除當複選框被選中/取消選中時，該類將處於活動狀態。

我想你也可以使用css禁用點擊：pointer-events：none;