禁用/啟用輸入：復選框上的日期單擊無法正常工作？

Question

我正在嘗試禁用取消選中復選框上的日期字段，反之亦然。

http://jsfiddle.net/MyNameIsSakthi/ZKw9x/2/

此功能在不同的瀏覽器中也有所不同

$('#certExpiry').click(function(){
if($('#certExpiry').is(':checked')){
    alert('checked');
    $('#expiryDate').removeProp('disabled');
}
else
    alert('uncheck');
    $('#expiryDate').prop('disabled',true);
});

Answer 1

你可能想要這樣的東西......

$('#certExpiry').click(function () {
    $('#expiryDate').prop('disabled', !this.checked);
});

jsFiddle 。

另外，不要像那樣使用removeProp() 。 文檔清楚地說明了......

注意：請勿使用此方法刪除本機屬性，例如已checked ，已disabled或已selected 。 這將完全刪除屬性，一旦刪除，就不能再次添加到元素。 使用.prop()將這些屬性設置為false 。

Answer 2

你忘了把你的else代碼放在方括號{}

http://jsfiddle.net/ZKw9x/4/