The code copy is as follows:
<span style="font-size:18px;"><input type='checkbox'/></span>
The above code will generate a multi-check box under IE. Clicking it will select the tick, and clicking it again will cancel the tick.
There is nothing wrong with this, but if you try to click twice quickly (slightly slower than double-clicking.) this button may not work as you think.
Under IE, if checkbox is selected, during the two quick clicks, the first click will cause the checkbox to be unchecked. After the second click, checkbox will not become selected. Instead, continue to remain unchecked.
In browsers such as Chrome, the first click will cause checkbox to be unchecked, and checkbox will be restored to the selected state after the second click.
So under IE, after double-clicking, checkbox will become the opposite state. In non-IE, checkbox will be in the same state after double-clicking.
If you want to double-click checkbox under IE to achieve a non-IE effect, you need to use the following code:
The code copy is as follows:
<input type='checkbox'/>
$("input[type='checkbox']").attr('ondblclick', 'this.click()');