如何检测用户是否取消选中了复选框？

Question

以下表格:

    <form action="x.php" method="get" id="myForm">Subscribe:
<div id="radioButtonsWithAdds">
    <input type="radio" name="group1" value="one">One month 2,99$  
    <input type="radio" name="group1" value="two"> Two months   5,98$</div><br>
    <input type="checkbox" name="option1" value="withAdds" checked>  with adds
    <img src="next.png" border="0" alt="enviar" onclick="document.getElementById('myForm').submit();"> 
    </form>

是订阅的第一部分.在这里,用户可以选择一个月或两个月的订阅.

如果用户同意接收添加,则选中复选框,这将是全部,他/她可以点击下一个按钮就可以了.

但是如果用户取消选中"with adds"复选框,则div将显示在#radioButtonsWithAdds的位置,其中包含另一组具有不同价格的单选按钮.

如何在不点击任何提交按钮的情况下检测到复选框？

Answer 1

$('#yourcheckbox').change(function() {

   if ( ! this.checked) {
       // It is not checked, show your div...

   }

});