無効にスクロールチェックボックスが

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>