2014-09-04 92 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

相關問題