当复选框被点击

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>