2014-01-12 153 views
0

這種不斷變化的複選框我的代碼:在切換DIV

$('#opentab').click(function() { 
    $('.opentabdiv').toggle(); 
    $(this).toggleClass("closetab opentab"); 
    return false; 
}); 

基本上有一個DIV(或鏈接我應該說)叫#opentab」被點擊時,另一個DIV稱爲.opentabdiv將打開,並且#opentab的類將會改變

現在我的問題出現了,當我在#opentab DIV中添加一個複選框時,我想在打開.opentabdiv時檢查複選框,在關閉時爲空。

這是#opentab DIV中的複選框的HTML:

<a href="#" id="opentab" class="closetab"><input type="checkbox" id="yesactive" name="yesactive" value="yes"> OPEN</a> 

有沒有人知道jquery使複選框更改?我嘗試了一些我發現的代碼,但它只能使用一次。如果我關閉DIV,它不會取消。

由於.opentabdiv DIV已關閉,因此應在默認情況下取消選中該複選框。

+0

可能重複http://stackoverflow.com/questions/426258/how-do-我檢查一個複選框與jQuery) – undefined

+0

我不檢查,看它是否被檢查。我正在選中複選框(打勾)。 –

+0

你檢查了鏈接的問題嗎?它**確實**回答你的問題。 – undefined

回答

1

您可以使用.prop()方法和:visible選擇:

$('#opentab').on('click', function() { 
    var $t = $('.opentabdiv').toggle(); 
    $(this).toggleClass("closetab opentab"); 
    $('#yesactive').prop('checked', $t.is(':visible')); 
    return false; 
}); 

$('#yesactive').on('click', function(e) { 
    // Stop the propagation of the event 
    // for preventing bubbling 
    e.stopPropagation(); 
}); 
的[?如何檢查與jQuery一個複選框(
+0

完美!奇蹟般有效! –