如何取消选中，然后单击另一个对象选中一个复选框

Question

我知道这可能听起来很奇怪，但我有一种情况，我移动范围滑块的句柄来过滤掉东西。

当我发布点击时，我希望它取消选中该复选框然后检查它。然后将其关闭然后再打开，换句话说

HTML

切换.rangecheck

的复选框

<div class="checkbox range-button">
   <input type="checkbox" class="rangecheck" />
</div>

将要点击的对象

<div class="noUI-handle"></div>

我认为它会像这样：

jQuery('.noUi-handle').click(function() {
//code to toggle the checkbox
});

更新

只是为了澄清我正在尝试双击功能。因此，当我点击.noUi-handle时，双击该复选框。 （取消选中它然后重新检查）全部一击。

Answer 1

  

试试这个，

$('.noUI-handle').click(function () {
        $('.rangecheck').prop('checked', !$('.rangecheck').is(":checked") );
    });