無法通過[selector] .attr和.removeattr啟用/禁用復選框

Question

小提琴：

http://jsfiddle.net/KU29Q/1/

目標是能夠動態啟用和禁用復選框。 我已經嘗試通過引用相關復選框的類和/或ID，然后使用.attr（“ disabled”，“ disabled”）或.removeAttr（“ disabled”）

<input id="check" type="checkbox" disabled="disabled" class="enableDisable"><label for="check2" >Initially Disabled</label>
<input id="check2" type="checkbox"  class="enableDisable"><label for="check2" >Initially Enabled</label>

//attempt to ENABLE checkbox1
$("check").removeAttr('disabled');

//attempt to change state of second checkbox - DISABLE it...
$(".enableDisable").attr("disabled","disabled");
$("#check2").attr("disabled", "disabled");

也曾嘗試與[selector] .prop玩耍而無濟於事。 有人可以朝正確的方向推動我和/或向我猛擊以減輕我的焦慮嗎？

謝謝。

Answer 1

JSFIDDLE演示

1. 使用.prop()而不是.attr()
2. 對於定位ID，請使用# （哈希）
3. 對於類使用. （點）

//attempt to ENABLE checkbox1

$("#check").prop('disabled', false);

//attempt to change state of second checkbox - DISABLE it...

$("#check2").prop("disabled",true);

Answer 2

1.您需要在小提琴中包含jQuery

2.您的類適用於兩個元素，因此，當您將其用作禁用選擇器時，將禁用兩個元素：

$(".enableDisable").attr("disabled","disabled");

您應該只使用（唯一）ID並刪除類選擇器行：

$("#check").removeAttr('disabled');
$('#check2').attr('disabled', 'disabled');

您更新的小提琴： http : //jsfiddle.net/KU29Q/2/