Shopping cart template modification

[Noony92]

Hi,

 

I'm trying to change the billing cycle dropdown to radio buttons in the shopping cart template file, however, to get it to update the order summary I have to click the radio buttons twice, the first click doesn't appear to update the billing cycle however it does flash the refresh icon in the top right of the order summary container, the second then does change the billing cycle. Is there something I'm doing wrong?

 

Heres the PHP code im using:

<div class="billingCycleUpdater">
   <label class="radio-inline selected" onclick="billingCycleUpdaterFunc()"><input type="radio" value="monthly" id="inputBillingcycle" name="billingcycle" checked> 1 Month</label>
   <label class="radio-inline" onclick="billingCycleUpdaterFunc()"><input type="radio" value="quarterly" id="inputBillingcycle" name="billingcycle"  >3 Months</label>
   <label class="radio-inline" onclick="billingCycleUpdaterFunc()"><input type="radio" value="semiannually" id="inputBillingcycle" name="billingcycle" >6 Months</label>
   <label class="radio-inline" onclick="billingCycleUpdaterFunc()"><input type="radio" value="annually" id="inputBillingcycle" name="billingcycle" >12 Months</label>
</div>

 

and the javascript:

								
function billingCycleUpdaterFunc() {
 {if $configurableoptions}
    updateConfigurableOptions({$i}, this.value);
 {else}
    recalctotals();
 {/if}								
}

 

Thanks for any help.

[Noony92]

Figured it out, had to do recalctotals() when .ajaxComplete()