2011-08-03 35 views
1

我用其中的元素隱藏或顯示取決於點擊複選框一種形式,它的正常工作淡入股利或形式取決於點擊的形式

http://jsfiddle.net/QEG5a/9/

現在,我會盡力淡入另一個div/form如果其中一個複選框被選中,但什麼也沒有發生,有人知道爲什麼嗎?

$('input:checkbox','.checkbox_container').click(function() { 
    var checked = $(this).prop('checked'); 
    $.each($(this).data("connect").toString().split(","), function(index, value) { 
    var item = '#item'+value; 
    (checked) ? $(item) 
     .fadeOut() 
     .find("input:checked") 
     .removeAttr("checked") 
    : $(item).fadeIn() ; 
    if (value == 1){ 
     $('#myform') 
     .html(item) //just for any output 
     .fadeIn(); 
    } 
}); 
}); 

感謝的很多

回答

1

你必須使用類選擇(.className),而不是ID(#id):

if (value == 1){ 
    $('.myform') 
     .html(item) //just for any output 
     .fadeIn(); 
} 
1

你的選擇是不正確的,風格爲您div爲淡入效果。

風格:

<div class='myform' style="display:none"></div>

選擇:

$('.myform')