2014-09-04 91 views
0

使用:checked状态来定义单击事件的操作非常方便,但有没有方法可以返回到未选中状态或正常状态,如果我们单击其他位置的窗口。使用:在CSS中检查状态以进行点击操作

+2

的':checked'状态( “伪级”)并没有定义的动作;它指的是被选中的复选框或单选按钮的状态,用于CSS选择器。 ':checked'状态只能通过任何方式取消选中复选框才能删除。 – 2014-09-04 16:30:49

回答

1

这是JavaScript的一项工作,用于在其他元素的事件发生更改时更改元素的状态。从来没有设计或开发CSS来处理这种情况。

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

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

..upon重点,将检查,一旦鼠标离开焦点(复选框没有焦点),那么这将是听之任之。

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

+0

但是选中状态可以用来显示/隐藏其他使用css本身的元素 – user3464111 2014-09-05 07:39:41

+0

同意!但他们只能是兄弟姐妹或孩子。为了让CSS能够继续使用,必须彼此相邻。 – 2014-09-05 09:37:17

相关问题