复选框更改功能不起作用，除了点击它

Question

我已经写了一个hdcheck复选框的功能。

$('#hdcheck').change(function() { 
    if($(this).is(':checked')) { 
    alert("It is Checked"); 
    } 
    else { 
    alert("It is Unchecked"); 
    } 
}); 

它的工作原理发现，当我选中或清除该复选框，但我已经做了一个功能有问题使此复选框选中或取消选中。 这里是复选框chk_1功能：

$('#chk_1').change(function() { 
    if($(this).is(':checked')) { 
    $('#hdcheck').prop("checked", true); 
    } 
    else { 
    $('#hdcheck').prop("checked", false); 
    } 
}); 

此功能上做的第一个复选框（hdcheck）精细选中或取消选中，但它不会弹出窗口警报消息。意思是功能$('#hdcheck').change(function() 不起作用。

Answer 1

当您以编程方式更改属性时，应该触发change事件，这是代码的缩小版本+更改触发器。

$('#chk_1').change(function() { 
    $('#hdcheck').prop("checked", this.checked).change(); 
}); 

这是不是一个错误，这是一个预期的行为。