Question

I am trying to write a custom magento module and i’ve got it all complete and working perfectly except one problem.

The module is a form with 4 radio buttons. They are all blank on the checkout page and I have them set up so that when you click one it submits the form and reloads the cart page with the “additional fees” in the subtotal.

My problem is that I need the first option to “auto submit” on page load. But I’ve tried ALOT of different things and can’t come up with a way to use the jquery .submit() function to ONLY submit the form once. as it is now it works how I want it, except it loads the page in an endless loop.

Any way to say submit() only once?

Answer 1

I’d set the default radio button server-side rather than having an extra submit/refresh cycle, but if you insist on doing it client-side…

I assume on subsequent refreshes the previous selection will be retained (because your server-side code echoes back the previously selected values?), so can you perhaps test whether any radios are checked and if not assume that that is the first and only time to auto-submit?

$(document).ready(function() {    
    var $radios = $('#yourFormId input[name="yourRadioButtonGroupName"]');

    if (!$radios.is(":checked")) {
       // No radios currently checked, so check the first and submit
       $radios.eq(0).prop("checked",true);
       $("#yourFormId").submit();
    }
});

The .is() method will “Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.”