Checkbox and Hidden Type issue

Question

All,

I have a checkbox and a hidden variable with the same name.

<input name="chk9[143]" value="" type="hidden">
<input name="chk9[143]" onclick="toggleParentCheckboxes(this, 'frmSomething', 0);" type="checkbox">

When the form is posted, I get the value of the hidden variable even if the checkbox is checked or not. That is fine. Now, if the checkbox is disabled through JavaScript, is it possible to change the hidden element value to "disabled" through JQuery? So, when the form is posted, instead of getting the value as "", I should get the value as "disabled".

Thanks

Answer 1

On the submit action of the form, check to see if the checkbox is not checked. If it's not checked, change the value of the hidden element to "disabled":

$(".myform").submit(function(){
  $(":hidden[name='chk9[143]']")
    .val( $(":checkbox[name='chk9[143]']").is(":checked") ? "" : "disabled" );
});

This example assumes that you are dealing with only two explicit elements, and not multiple sets of pairs.

Answer 2

You mean like getting the checkboxes, looking for a matching hidden field, and set the value according to whether the checkbox is disabled:

$(function() {
  $('form').submit(function(){
    $('input[type=checkbox]').each(function(){
      $('input[type=hidden][name=\''+this.name+'\']').val(this.disabled ? 'disabled' : '');
    });
    return true;
  });
});