當複選框被點擊

Question

<label> 
<input type="checkbox"> 
</label> 

我用jQuery或Javascript，但我沒有經驗，想知道是否有可能將整個頁面上禁用sroll當一個複選框被選中，並再次啓用它時，它是取消選中禁用滾動，我會愛一個代碼示例

Answer 1

是的，你可以做到這一點。

$('#test').change(function() { 
 
    if ($('#test').is(":checked")) { 
 
    $('body').css('overflow','hidden'); 
 
    } else { 
 
    $('body').css('overflow','auto'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label> 
 
<input id="test" type="checkbox"> 
 
</label>