Question

I have a fieldset for BillingInfo and a 2nd fieldset within the same form (hidden by default) where fields are mapped like so:

Billingfieldset
  FirstName
  LastName
  ...

Shippingfieldset
  ShippingFirstName
  ShippingLastName
  ...

Default when the page loads to have the ‘SameAsBilling’ checkbox :checked and all fields populated as per Billing fields. I want jQuery to uncheck that box as soon as the user begin typing a new value in any of the Shipping fields.

I’d like to avoid a long ‘if / then’ test that manually steps thru all the fields’ :changed events but since there isn’t a one-to-one mapping between the fieldsets perhaps that’s not possible?

Answer 1

var $shippingFields = $('#Shippingfieldset').find('input').on('keyup', function()
{
    $('#sameAsCheckbox').prop('checked', false);
    $shippingFields.off();
});