用于启用/禁用文本输入和添加/删除默认值的 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. 使用 .is(':checked')。
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 文档