无法通过[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/