在Toggle中禁用輸入，在jQuery中

Question

我想切換div並禁用輸入框（如果選中複選框）。此代碼適用於切換DIV，但不會重新啓用輸入框。這是在升級到jQuery 1.9之前工作的。

任何想法？

$(".myLink").on("click", function(){ 
    $(".newDiv").toggle(); // Toggle the div to show/hide 
    $(".myInput").val('').prop('disabled', $(this).attr('checked')); // Disable the input box if the checkbox is checked. 
}); 

Answer 1

attr不返回一個布爾值，你可以使用prop方法或DOM元素對象的checked屬性。

$(".myInput").val('').prop('disabled', $(this).prop('checked')); 

或者：

$(".myInput").val('').prop('disabled', this.checked);