在複選框上顯示jQuery textarea tick

Question

我處於一個鬆散的結局，爲什麼我的代碼沒有隱藏，當我解決問題時。如果有人能檢查我的代碼並指出我的錯在哪裏，我將不勝感激。我已發佈代碼here。非常感謝

Answer 1

您可以使用JUSE this.checked

$('input[name=messagetick]').click(function() { 
    if (this.checked) { 
     $('.contactmessage').show(); 
    } 
    else { 
     $('.contactmessage').hide(); 
    } 
}); 

一個稍微好一點的版本將使用.toggle([showOrHide])

$('input[name="messagetick"]').click(function() { 
    $('.contactmessage').toggle(this.checked); 
}); 

備註，使用屬性選擇器時不要忘記您的"。

Example on jsfiddle

Answer 2

您可以使用is（「：checked」）來查看複選框是否被選中。

試試這個：

$('input[name=messagetick]').click(function() { 
    if($(this).is(":checked")) { 
    $('.contactmessage').show();  } 
    else { 
     $('.contactmessage').hide(); 
    } }); 

例@http://jsfiddle.net/8k8VW/18/

您選擇的mootools的JS框架。 將其更改爲jQuery。 更新代碼@ http://jsfiddle.net/8k8VW/1/][2]

Answer 3

爲骨架等mootools的加載你沒有選擇的jQuery。

使用此代碼：

$('input[name=messagetick]').click(function() { 
     $('.contactmessage').toggle($(this).is(':checked'));  
}); 

小提琴：http://jsfiddle.net/8k8VW/9/