javascript - 如何使用单选按钮隐藏一个div

Question

我想隐藏由 div id 表示的整个字段。我试过这样做，但没有用。当我使用下拉列表并选择时，我可以让它工作。这是我的代码:

HTML:

<div class="form-group">
    <p>
        <input type="radio" class="flat" name="botsign" id="signature" value="show" checked="checked"/>
        Show Signature
        <br><br>
        <input type="radio" class="flat" name="botsign" id="signature" value="hide" /> 
        Hide Signature
    </p>
</div> 

JS:

<script>
    $("input[name='botsign']").change(function () {
        if ($(this).val() == 'show') {
            $("#Sigbox").show();
        } else {
            $("#Sigbox").hide();
        }
    });
</script>

CSS:

    #Sigbox{
       display:none;
      }

Answer 1

像这样尝试

<div class="form-group">
    <p>
        <input type="radio" class="flat" name="botsign" value="show" checked="checked"/> Show Signature<br><br>
        <input type="radio" class="flat" name="botsign" value="hide" /> Hide Signature
    </p>
</div> 


<script>
    jQuery(document).ready(function($){
        $("input[name='botsign']").click(function() {
          if ($(this).val() == 'show') {
               $("#Sigbox").show();
           } else {
               $("#Sigbox").hide();
           }
        });
    });
</script>