切换输入只读说明

Question

我想切换Div中的所有输入的只读属性。 我发现了一些解决方案，但只有一个工作。

我想知道为什么这个代码不工作：

$("#" + id + " :input").each(function() { 
     $(this).readOnly = !$(this).readOnly; 
}); 

这是工作代码：

$("#" + id + " :input").each(function() { 
    (this).attr("disabled", function(i, d) { 
     return !d; 
    }); 
}); 

任何人能解释一下？

Answer 1

你可以试试这个：Working Fiddle

我们可以使用jQuery道具切换只读attriblute。

HTML：

<input type="button" id="btnToggle" value="Toggle" /> 
<div id="divToggle"> 
    <label>First:</label><input type="text" id="txtFirst" /><br/> 
    <label>Second:</label><input type="text" id="txtSecond" /><br/> 
    <label>Third:</label><input type="text" id="txtThird" /><br/> 
</div> 

的jQuery：

$("#btnToggle").click(function(){ 
    var id="divToggle"; 
    $("#" + id + " :input").each(function() { 
     $(this).prop("readOnly",!$(this).prop("readOnly")); 
    }); 
});