jQuery複選框啓用/禁用文本輸入和添加/刪除默認值

Question

我想創建一個小的可重用的函數，當選中時禁用文本字段並插入默認值'160'，並且當未選中時，啓用該字段並刪除該值。我已經完成了大部分工作，但未經檢查的部分將我拋棄。

$('#chkIsTeamLead').change(function(){ 


    if ($('#chkIsTeamLead').checked = true){ 
     $('#txtNumHours').val('160').attr('disabled', 'disabled'); 
     console.log('checked'); 
    } 

    if ($('#chkIsTeamLead').checked = false){ 
    $('#txtNumHours').val('').removeAttr('disabled'); 
    console.log('unchecked'); 
    } 

}); 

我有它設置爲與傳遞給它的參數的可重複使用的功能，但是這是給我更多的麻煩，我想的參數是複選框，目標和價值最好 鏈接到我當前的代碼：http://codepen.io/AlexBezuska/pen/bwgsA 感謝您提供任何幫助！

Answer 1

Working jsFiddle Demo

1. 使用​​。
2. 您必須將兩個值與==進行比較。
3. 當您使用屬性disabled時，最好使用.prop()方法而不是.attr()。

---

$('#chkIsTeamLead').change(function(){ 
    if ($('#chkIsTeamLead').is(':checked') == true){ 
     $('#txtNumHours').val('160').prop('disabled', true); 
     console.log('checked'); 
    } else { 
     $('#txtNumHours').val('').prop('disabled', false); 
     console.log('unchecked'); 
    } 
}); 

---

參考文獻：

• .attr() - jQuery的API文檔
• .prop() - jQuery的API文檔
• .is() - jQuery的API文檔

Answer 2

試試這個

$('#chkIsTeamLead').change(function(){ 


    if ($('#chkIsTeamLead').is(':checked')){ 
     $('#txtNumHours').val('160').attr('disabled', 'disabled'); 
     console.log('checked'); 
    } else { 
    $('#txtNumHours').val(''); 
    $('#txtNumHours').removeAttr('disabled'); 
    console.log('unchecked'); 
    } 
});