JQuery:如果选中启用则禁用

Question

小提琴 - http://jsfiddle.net/XH5zm/
JSBin - http://jsbin.com/UKIweJE/1/edit

我试图通过切换是否选中复选框来启用/禁用输入文本框.

$(document).ready(function() {
  if ($('.enable-padding').attr('checked') === true) {
    $('.grab-padding').attr('enabled','enabled');
    $('.grab-padding').val("13px");
  } else {
    $('.grab-padding').attr('disabled','disabled');
    $('.grab-padding').val(" ");
  }
});

我究竟做错了什么？

任何帮助是极大的赞赏.

Answer 1

1. 你不听这个change事件.
2. 没有enabled财产.

3. .attr() 不返回布尔值,也不会更改属性.

   $('.enable-padding').on('change', function() {
       $('.grab-padding').prop('disabled', !this.checked)
                         .val(this.checked ? "13px" : "");
   });