如何使用单选按钮隐藏div

时间:2016-10-15 12:45:02

标签: javascript jquery html css twitter-bootstrap-3

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

HTML:

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

JS:

    #Sigbox{
       display:none;
      }

CSS:

var array = [1, 3, [6], 7, [8]];

array.forEach(function iter(a) {
    if (Array.isArray(a)) {
        a.forEach(iter);
        return;
    }
    console.log(a);
});

3 个答案:

答案 0 :(得分: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> 

答案 1 :(得分:1)

感谢您帮助我。我发布的代码确实可以正常工作,但有些Javascript冲突,因为我使用了大约6个。我尝试了上面的答案,甚至没有用,然后我看到@AdriánDaraš评论,我与所有其他Javascripts交叉检查。现在它的工作正常,因为我删除了我用来使单选按钮看起来很好的Javascript。 非常感谢大家。

答案 2 :(得分:0)

添加了jquery cdn和一个带有id的div框来测试hide函数。然后我使用jQuery(),这是调用jquery的常用方法。

更改功能侦听两个输入并检查输入的值,以了解是否必须隐藏或显示该框。

这是您的解决方案:

if(size==0)