html - 使用 :checked state in css for click action

Question

使用 :checked 状态来定义点击事件的 Action 很方便，但是如果我们点击窗口中的其他地方，是否有办法返回到未选中或正常状态。

Answer 1

这是 JavaScript 的工作，在其他元素的事件发生变化时改变元素的状态。 CSS 从未被设计或开发来处理这种情况。

您可以使用复选框的 blur 事件来取消选中它。像这样

$('input[type=checkbox]').blur(function () {
   $(this).prop('checked', false);
});

..在焦点上它会被选中，一旦鼠标离开焦点(复选框不在焦点上)它就会被取消选中。

http://api.jquery.com/prop/