Javascript jQuery toggle（）问题

我使用的是本次讨论中的一个脚本：

它工作得很好，但是当我选择一个不同的收音机输入时，原来的盒子不会坏掉，但是新的盒子看起来不错。我添加的任何附加框都会发生这种情况

jQuery不是我的专长，我一直在四处寻找，但运气不佳！这是我的密码：

<script type='text/javascript'>
 jQuery(document).ready(function($) {
        $('#feature_box').hide();
        $('#standard_lead').hide();             

        // one box
        $('#value_feature_box').is(':checked') ? $("#feature_box").show() : $("#feature_box").hide();
        $('#value_feature_box').click(function() {
            $("#feature_box").toggle(this.checked);
        });

        // second box
        $('#value_standard_lead').is(':checked') ? $("#standard_lead").show() : $("#standard_lead").hide();
        $('#value_standard_lead').click(function() {
            $("#standard_lead").toggle(this.checked);
        });
    });
</script>

---

谢谢你看

单击时只切换一个框-您需要同时切换两个框，请参见以下JSFIDLE：

此框与其他框类似：

    $('#value_feature_box').click(function() {
        $("#feature_box").toggle(this.checked);
    });

您基本上是说-当单击此选项时，this.checked将始终为true，切换元素。从文档中：

---

您使用的切换版本具有showOrHide参数，并且始终传递true，因此始终显示并仅显示单击的框。

另一个框没有消失的原因是您没有告诉它

$('#value_feature_box').click(function() {
    $("#feature_box").toggle(this.checked);
});

这表示当您单击“值\特征\框”时，可以切换特征\框的可见性。如果value\u feature\u box不是复选框，则将内部代码更改为$feature\u box.toggle；。如果你想让某些东西也消失，那么告诉它：

$('#value_feature_box').click(function() {
    $("#feature_box").toggle();
    $("#standard_lead").toggle();
});

---

切换括号内的值告诉它显示或不显示TRUE或false。

您是否也可以发布相关的HTML？您是否可以添加标记，功能是什么？是潜水艇吗？此代码可以使用类而不是id进行模块化。感谢您的输入。这是我提出的解决方案，但它相当笨重，因为我将有大约10个盒子，我想使用$box_id；可能会变得乏味。。。因此，我将每个框指定为类来简化它。谢谢谢谢你的意见。这是我提出的解决方案，但它相当笨重，因为我将有大约10个盒子，我想使用$box_id；可能会变得乏味。。。因此，我将每个框指定为类来简化它。谢谢