Question

这是我的代码：

$('#opentab').click(function() {
    $('.opentabdiv').toggle();
    $(this).toggleClass("closetab opentab");
    return false;
});

基本上有一个名为#opentab的DIV（或我应该说的链接），当它被点击时，另一个叫做.opentabdiv的DIV会打开，而#opentab的类会改变。

现在，当我在#opentab DIV中放入一个复选框时，问题出现了。我希望在.opentabdiv打开时检查复选框，在关闭时清空。

这是#opentab DIV中的复选框的HTML：

<a href="#" id="opentab" class="closetab"><input type="checkbox" id="yesactive" name="yesactive" value="yes"> OPEN</a>

是否有人知道jquery使复选框更改？我已经尝试了一些我找到的代码，但它只运行一次。如果我关闭DIV，它就不会解开。

默认情况下，该复选框应取消选中，因为.opentabdiv DIV已关闭。

Answer 1

您可以使用.prop()方法和:visible选择器：

$('#opentab').on('click', function() {
    var $t = $('.opentabdiv').toggle();
    $(this).toggleClass("closetab opentab");
    $('#yesactive').prop('checked', $t.is(':visible'));
    return false;
});

$('#yesactive').on('click', function(e) {
   // Stop the propagation of the event 
   // for preventing bubbling 
   e.stopPropagation();
});

更改切换DIV上的复选框

1 个答案: