Menu
i'm trying to add readonly to all the inputs and then on the click remove the readonly to make it works for typing. the readonly set for all inputs part works but the remove on click doesn't work please help.
my code :
<script language="javascript">
$(document).ready(function()
{
$('#secureFields :input').attr('readonly', true);
$('.readonly').click(
function()
{
if ($('.readonly').attr("readonly") == true)
{
$('.readonly').val('');
$('.readonly').removeAttr("readonly");
}
});
});
</script>
html is like this :
<table class='table' id='secureFields' >
<tr>
<td width=200>First Name:</td>
<td><input readonly='readonly' type='text' name='firstname' size=30 class='required'/></td>
</tr>
<tr>
511
Use jQuery methods to add the readonly attribute to the form input field. jQuery attr() Method: This method set/return attributes and values of the selected elements. If this method is used to return the attribute value, it returns the value of the first selected element.
To make a textarea and input type read only, use the attr() method .
The readonly attribute of <input> element is used to specify that the input field is read-only. If an input is readonly, then it's content cannot be changed but can be copied and highlighted. It is a boolean attribute. Example: This example using <input> readonly attribute to set the read-only value.
Use setAttribute() Method to add the readonly attribute to the form input field using JavaScript. setAttribute() Method: This method adds the defined attribute to an element, and gives it the defined value.
Do you mean:
$("input").click(function() {
if ( $(this).is('[readonly]') ) {
$(this).removeAttr("readonly");
}
});
See: jsFiddle
64
<html>
<table class='table' id='secureFields'>
<tr>
<td width=200>First Name:</td>
<td><input type='text' name='firstname' size=30 class='required'/></td>
</tr>
</table>
<button id="btnEnableInputs" type="button">Enable!</button>
</html>
$(document).ready(function() {
$("#secureFields :input").each(function() {
$(this).attr("readonly", true);
});
$("#btnEnableInputs").click(function() {
$("#secureFields :input").each(function() {
$(this).attr("readonly", false);
});
});
});
http://jsfiddle.net/hfK8f/
20
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
