Comments on: jQuery: Disabled and ReadOnly Inputs

By: Mark

Mark — Thu, 22 Jul 2010 02:46:22 +0000

It’s very nice article
Thank you very much.
It work in firefox as well as IE

By: restroika

restroika — Tue, 15 Jun 2010 08:01:13 +0000

– thanks —
anda membaca pikiranku..

By: Ranju

Ranju — Fri, 04 Jun 2010 04:30:26 +0000

Hi,

I am able to disable my datalist using this code in IE, but its not working in Mozilla. Can anybody help me plz….

Thanks

Ranju

By: JQuery – Disable form input « MarkRoper's Blog

JQuery – Disable form input « MarkRoper's Blog — Fri, 05 Mar 2010 02:34:52 +0000

[...] $('#readonly').click( function() { if ($('#readonly').attr("readonly") == true) { $('#readonly').val(''); $('#readonly').removeAttr("readonly"); } }); http://jetlogs.org/2007/12/16/jquery-disabled-and-readonly-inputs/ [...]

By: pete castillo

pete castillo — Fri, 02 Oct 2009 04:43:21 +0000

To disable in IE, add change the following css setting so that you can visually distinguish a disabled field. You may only want to do this for IE…(as mark previously mentioned IE doesn’t give visual cues when a field is disabled):

if (bEnable) {
$(‘#ctrl_id’).attr(‘disabled’, true);
$(‘#ctrl_id’).css(‘background-color’, ‘#e0e0e0′);
} else {
$(‘#ctrl_id’).removeAttr(‘disabled’);
$(‘#ctrl_id’).css(‘background-color’, ‘#ffffff’);
}

By: Thomas B. Higgins

Thomas B. Higgins — Tue, 29 Sep 2009 21:13:18 +0000

Following Vitali’s example, if you want to disable an input element through the use of a checkbox in a situation where data from a database record is being changed, you can use this code:

$(document).ready(function() {
// Initialize to match existing (database) status
// If checked:
if ($(“#checkbox1″).is(“:checked”)) {
$(‘#input1′).removeAttr(“disabled”);
}
// If unchecked:
else {
$(‘#input1′).attr(“value”, ”);
$(‘#input1′).attr(“disabled”, true);
}
// On click of “checkbox1″ change value and
// disabled status of selected field
$(“#checkbox1″).click(function() {
// If checked:
if ($(“#checkbox1″).is(“:checked”)) {
$(‘#input1′).removeAttr(“disabled”);
}
// If unchecked:
else {
$(‘#input1′).attr(“value”, ”);
$(‘#input1′).attr(“disabled”, true);
}
});
});

Note that the value of the disabled input element is set to an empty string just prior to being disabled for neatness’ sake and to prevent possible confusion on the part of the user caused by a “trapped” value.

By: Vitali

Vitali — Tue, 15 Sep 2009 13:49:58 +0000

If you want disable input element through the use checkbox you can use this code.

$(document).ready(function()
{
$(“#checkbox1″).click(function() {
// If checked
if ($(“#checkbox1″).is(“:checked”)) {
$(‘#input1′).removeAttr(“disabled”);
} else {
$(‘#input1′).attr(“disabled”, true);
}
});
});

By: Mark

Mark — Thu, 28 May 2009 16:16:20 +0000

Nevermind, IE 8 doesn’t give visual cues to a disabled field.

By: Mark

Mark — Thu, 28 May 2009 16:13:45 +0000

This doesn’t seem to work in IE 8. Thoughts? I’m new to JS/jQuery

By: Alexandre Broggio

Alexandre Broggio — Wed, 22 Apr 2009 13:09:05 +0000

Help much worth the post

By: Mike Rundle

Mike Rundle — Thu, 13 Nov 2008 16:36:43 +0000

Thanks for posting this! I was trying to flip the disabled attribute to “false” but that wasn’t doing anything (like I suspected it wouldn’t!) What a great and simple solution to just remove it. Duh! Thanks so much!

By: yAnTar

yAnTar — Mon, 08 Sep 2008 09:52:19 +0000

Sorry, and this function

$.fn.disable = function() {
return this.each(function() {
if(typeof this.disabled != “undefined”) this.disabled = true;
});
}

By: yAnTar

yAnTar — Mon, 08 Sep 2008 09:28:05 +0000

$(‘#target’).attr(“disabled”, true); = $(‘#target’).disable();
$(‘#target’).removeAttr(“disabled”); = $(‘#target’).disable(false);

By: prasasti

prasasti — Thu, 05 Jun 2008 03:32:09 +0000

jetlogs. Tanks.4 u help.

By: Jetlogs

Jetlogs — Sat, 01 Mar 2008 16:17:56 +0000

@Mike: Yes, disabled fields don’t get sent to the back-end while readonly fields do. So it is very important to know which you would use depending on the situation.