Jquery 更改切换DIV上的复选框

这是我的代码：

$('#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已关闭。

您可以使用

.prop（）

方法和

：可见的
选择器：

$('#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();
});

可能的重复项我没有检查是否选中。我正在选中复选框（勾选）。您是否选中了链接的问题？它确实回答了您的问题。我现在单击#opentab DIV时，它可以工作，但当我单击复选框本身时，它仍然不会更改…完美！像一个符咒一样工作！