禁用/启用输入：复选框上的日期单击无法正常工作？

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/