jquery - onclick 获取复选框的当前值

Question

从阅读我在这里找到的所有内容来看，这似乎不可能，但我只是想问一下。

我想要做的是阻止复选框执行其默认切换操作并运行一个函数。此函数需要知道复选框的当前状态(而不是单击事件切换它后它将处于的状态)，并且需要阻止该切换。

假设我有这个输入

<input type="checkbox" onclick="setDefault(this);return false;" />

setdefault 函数是这样的

function setDefault(el) {
    if(jQuery(el).is(':checked'))
        {
        alert('Turning current default off- setting default to Home settings');
        jQuery(el).prop('checked',false);
        return; 
        }
    else
        {
        alert('setting a new default');
        jQuery(el).prop('checked',false);
        return; 
        }
}

当它运行时，它会获取复选框已更改为的状态，而我需要它做的是防止状态更改，找出其当前状态，然后决定要做什么。

我已经尝试了preventDefault()和return false的每种组合，我可以在函数和onclick事件中想到它们，并尝试使用onchange事件等，但似乎没有什么能让我调用一个在以下情况下触发的函数:单击复选框后，该函数可以在单击事件更改复选框之前获取该复选框的当前值。

也许我只需要重新考虑一下，但如果有任何明显的我错过的事情，我将不胜感激

Answer 1

由于更改已经发生，因此复选框的状态与现在的状态相反。。这解决了你的第一个问题。

要重置状态，只需将复选框的 checked 值设置为现在的值，即之前的值。

(天哪，这听起来像是疯帽匠会说的话!)