I have a hidden form field:

<input type=hidden id=blah1 value=true />

I have abutton, when clicked I do:

$("#b1").bind("click", function(){

$("#blah1").attr("value", "false");

});

But when I get the form value on the server side, it is 'true'.

Am I doing something wrong?

I even did this:

e.preventDefault();
$("#blah1").attr("value", "false");
alert( $("#blah1").attr("value") );

It alerted the value 'false'.

I have a hidden form field:

<input type=hidden id=blah1 value=true />

I have abutton, when clicked I do:

$("#b1").bind("click", function(){

$("#blah1").attr("value", "false");

});

But when I get the form value on the server side, it is 'true'.

Am I doing something wrong?

I even did this:

e.preventDefault();
$("#blah1").attr("value", "false");
alert( $("#blah1").attr("value") );

It alerted the value 'false'.

• javascript
• jquery

• 2 What about using the jquery function .val() instead of attr()? api.jquery./val – Fran Verona Commented Jan 25, 2011 at 20:19
• Any chance you have more than one element with the same ID? – user113716 Commented Jan 25, 2011 at 20:24
• It seemed to work when I tested id. Try to wrap your html element attributes values in quotes : key="value", maybe that's what's messing with you. – gion_13 Commented Jan 25, 2011 at 21:17

2 Answers 2

Even aside from there being no 'name' attribute, you are setting the value to "false" as in a string, and a non-empty string will return true EVERY TIME.

$("#blah1").attr("value", "false");

should instead be

$("#blah1").attr("value", false);

You did include the 'name' attribute in your real code, no?

<input type=hidden id=blah1 value=true name=blah1 />

This still doesn't explain why you see "true" on the server side. If you did include the "name" attribute on your hidden field, please post your server-side code.

Running the code you have posted here, once the "name" attribute is added, achieved the expected "False" result.