如何使用 jQuery（IE）删除禁用的属性 [重复]

Question

我的情况是，我必须使用 disabled 属性来停用我不希望用户编辑的所有输入。

<input disabled="<%= disableInputs%>" type="text"></input>

渲染

<input disabled="False" type="text"></input>

或

<input disabled="True" type="text"></input>

这在 Chrome 和 FF 上运行良好，但在 IE 上却不行。

现在我正在尝试使用 javascript 删除这些属性 (where disabled="False")，但我没有得到预期的结果。同样，它的 javascript 适用于 Chrome 和 FF，但不适用于 IE（使用 8）。

最后应该是这样的：

<input type="text"></input>

或

<input disabled="True" type="text"></input>

我的 javascript 看起来像（我尝试过几乎任何组合）：

$('document').ready(function () {

$("input[disabled='false']").each(function(){$(this).attr('disabled', false);});
$("select[disabled='false']").each(function(){$(this).attr('disabled', false);});
$("input[disabled='False']").each(function(){$(this).attr('disabled', false);});
$("select[disabled='False']").each(function(){$(this).attr('disabled', false);});
$("input[readonly='false']").each(function(){$(this).attr('readonly', false);});
$("select[readonly='false']").each(function(){$(this).attr('readonly', false);});
$("input[readonly='False']").each(function(){$(this).attr('readonly', false);});
$("select[readonly='False']").each(function(){$(this).attr('readonly', false);});

$("input[disabled='false']").each(function(){$(this).removeAttr('disabled');});
$("select[disabled='false']").each(function(){$(this).removeAttr('disabled');});
$("input[disabled='False']").each(function(){$(this).removeAttr('disabled');});
$("select[disabled='False']").each(function(){$(this).removeAttr('disabled');});
$("input[readonly='false']").each(function(){$(this).removeAttr('readonly');});
$("select[readonly='false']").each(function(){$(this).removeAttr('readonly');});
$("input[readonly='False']").each(function(){$(this).removeAttr('readonly');});
$("select[readonly='False']").each(function(){$(this).removeAttr('readonly');});
});

一个活生生的例子： http://jsfiddle.net/2LNa6/ 已更新

Answer 1

$('document').ready(function () {
    $("input[disabled='False']").each(function(){$(this).removeAttr('disabled');});
    $("input[disabled='false']").each(function(){$(this).removeAttr('disabled');});

}**)**

您错过了右大括号（以粗体突出显示）

实际代码应该是

$('document').ready(function () {
    $("input[disabled='disabled']").each(function(){$(this).removeAttr('disabled');});    
})

并且不是 False，而是通过禁用。这应该在所有浏览器中都可以正常工作

使用一个名为key的属性来识别是否启用输入。这是代码。它适用于所有浏览器。

   <table class="tabla" cellpadding="0" border="0">
            <tr>
                <td>
                    <label>Names</label>
                </td>
                <td>
                    <label>DoB</label>
                </td>
                <td style="width:82px" >
                    <label>Gender</label>
                </td>
            </tr>
            <tr id="HijoCargoRow0">
                <td>
                    <input key="false" id="XXX" name="XXX" style="width:260px" type="text" value="" />
                </td>
                <td>
                    <input class="datepicker" key="true" id="YYY" name="YYY" style="width:70px" type="text" value="" />
                </td>
                <td>
                    <input key="true" id="M" name="ZZZ" type="radio" value="M" /><label for="M">M</label>
                    <input key="true"  id="F" name="ZZZ" type="radio" value="F" /><label for="F">F</label>
                </td>
          </tr>
    </table>

<script>
$(function(){
    $("input[key='true']").each(function(){
        $(this).attr('disabled','disabled')
    });
});

</script>

Answer 2

您有一个 javascript 错误。添加 ）;到你的 javascript 的最后一行，它会修复它。

Answer 3

您应该在 jQuery 中使用 .prop 方法，因为它会为您进行完整性检查，从而绕过这些烦人的 IE 错误。我可以看到您使用的是 jQuery 1.6，所以这应该可以工作：

$('document').ready(function () {
    //get each input that is disabled
    $('input').each(function(i, el){
      //see if it should be disabled (true|false)
      var disabled = $(el).data('disabled');
      $(el).prop('disabled', disabled);
    });
});

这是updated jsFiddle 供您查看。

Answer 4

您可以尝试在jQuery 中结合使用filter 选择器和prop 方法来从所有input 标签中删除disabled 属性：

$("input").filter(function () {
   return $(this);
}).prop("disabled'", false);

http://api.jquery.com/filter/