當標籤被點擊時IE沒有選擇表單域隱藏表單域

Question

我正在使用jQuery來隱藏表單域（我正在操作複選框和單選按鈕）。

在FF和Chrome中，單擊相關標籤時，表單字段仍會激活並進行檢查。在IE中，這並沒有發生。

如何讓標籤激活IE中的複選框/單選按鈕？

Answer 1

我以前也經歷過這種情況。將隱藏區域移出屏幕而不是隱藏它們可能會更好。

事實上，我曾問上，這樣的問題：

IE - hidden radio button not checked when the corresponding label is clicked

Answer 2

你怎麼隱藏呢？您可能需要通過一些激進的CSS來移動它關閉屏幕：

.hidden { position:relative; left: -10000 } 

然後切換.hidden類來顯示/隱藏的元素。

Answer 3

我也遇到過這個。 IE不會改變隱藏表單域的值。你必須先取消他們。可能最簡單的方法是將一個onclick動作添加到允許隱藏表單域的所有標籤。例如：

$("label.hideablefield").live('click', function(){ 
    var fid = $(this).attr('for'); 
    $('#'+ fid).show(); 
    $('#'+ fid).select(); //or maybe .focus, I'm not sure 
}); 

顯然，這隻能打開該字段。您需要設置切換條件以重新隱藏/取消選擇。