javascript – 如果选中,则如何仅在单击时从多选中取消选择选项

我有一个多选元素,一旦我选择了一个选项,那么就不可能取消选择所有选项.
当我单击它并且之前已选中时,我需要取消选择该选项.

我尝试过一些东西,但它们不起作用,因为每次我点击选项它会被选中是否是这样它是不可能知道它是否以前被选中并且应该被取消选择或者它是我第一次点击它选择它

http://jsfiddle.net/JRgdv/

<select  multiple="multiple">
    <option>11111</option>
    <option selected>2</option>
    <option>33333</option>
    <option>44444</option>
</select>

我知道我可以有按钮或一个区域,我可以点击清除整个事情,但我很想做到这一点,如果你点击一个选定的选项然后它取消选择它

编辑：CTRL点击不是我要找的.它必须只与鼠标

解决方法:

可能是一种解决方法：

SEE DEMO

$('select option').on('mousedown', function (e) {
    this.selected = !this.selected;
    e.preventDefault();
});

编辑：这不适用于IE(版本???).对于跨浏览器解决方案,即使是uggly,请尝试相反：https://stackoverflow.com/a/21797607/1414562