How to send the disabled element value to server?

Question

I have the next checkbox:

<input type="checkbox" value="true" name="permanentEmployee" checked="" id="permanentEmployee" disabled="">

I've set the attribute disabled to true and submitted the form

$("#permanentEmployee").prop('disabled', true);`

On server side, if I do:

request.getParameter("permanentEmployee")

I get the value as Null, though I get the the correct value (i.e True) if I don't disable the checkbox. Why am I not getting the disabled checkbox value as True even if it is checked?

Spokey · Accepted Answer · 2014-07-31T14:02:01.480

1

Disabled form elements are not sent via form submit. ~~You can consider using read-only instead~~

One idea would be

$('#permanentEmployee').click(function(){
        return false; // even if the user clicks on it it will not change
});

$('#permanentEmployee').prop('checked', true);

http://jsfiddle.net/Spokey/M3LfA/1/

edited Jul 31 '14 at 14:02

answered Jul 31 '14 at 13:46

Spokey

10,974
2
28
44

Would this still be the case if you disabled via CSS? – user3759531 Jul 31 '14 at 13:48
@user3759531 how would you disabled it via CSS? – Spokey Jul 31 '14 at 13:49
Apologies i thought you could do this with css – user3759531 Jul 31 '14 at 13:51
The "readonly" attribute isn't valid for checkboxes... only for text-type fields, text, email, number, etc. – Bob Brown Jul 31 '14 at 13:57
But i did not find anything in jquery or javascript to make checkbox readonly instead of disabled. Any thoughts ? – user3198603 Jul 31 '14 at 13:58
@user3198603 Sorry, was meaning the readonly attribute but as BobBrown pointed out with will not work with a checkbox. Instead you could try a workaround – Spokey Jul 31 '14 at 14:03

score 1 · Answer 2 · answered Jul 31 '14 at 13:50

1

Just before submitting the form (onsubmit listener) you could enable the checkbox.

answered Jul 31 '14 at 13:50

James

20,957
5
26
41

score 0 · Answer 3 · edited May 23 '17 at 12:29

0

Disabled check boxes (and probably other form elements) are not sent to the server.

There are a couple of solutions here: How to ensure a <select> form field is submitted when it is disabled?

edited May 23 '17 at 12:29

Community

1
1

answered Jul 31 '14 at 13:51

Bob Brown

1,463
1
12
25

How to send the disabled element value to server?

3 Answers3