无法启用经由/禁用复选框[选择器] .attr＆.removeattr

Question

小提琴：

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

目标是能够动态地启用和禁用的复选框。我已经通过引用复选框的类和/或ID的问题，然后使用.attr试过（“禁用”，“已禁用”）或.removeAttr（“禁用”）

<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"); 

还试图打与[选择器] .prop左右无济于事。有人能给我一个正确的方向和/或打我在脸上缓解我的agita？

谢谢。

Answer 1

您需要包括jQuery的在你的提琴

2.您的类适用于这两个元素，所以当你使用它作为禁用的选择器，可以禁用这两个元素：

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

你应该只使用（唯一的）ID，而不是和删除类选择行：

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

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

Answer 2

JSFIDDLE DEMO

1. 使用.prop()而不是.attr()
2. 是面向IDS使用#（散）
3. 对于类使用.（点）

//attempt to ENABLE checkbox1

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

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

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