Calculate price with & without discount card

Hello @big_rich,

If there are only two choices in the DropDown list, the easiest solution would be:

* Duplicate the checkbox fields, and populate one of them with the standard prices, and the other one with the discount prices (I will call them fieldname1 and fieldname2 respectively, you should use the corresponding names of fields in your form.)

* Click the link “Show dependencies” in the choices section of the DropDown field, and then select the fieldname1 as the dependent field of the standard choice, and the fieldname2 field as the dependent one to the discount choice.

* As the values of dependent fields is zero when the fields are disabled, you simply should edit the equation associated to the calculated field as:

fieldname1+fieldname2

If one of these fields is disabled the sum won’t be affected.

Best regards.

Hi Codepeople,

Firstly thanks for the fast reply, I apreciate it – especialy on a weekend.

I’ve done as you described and it works.

The only thing which I’d like to improve is that when you switch between the “discount” and “no discount” lists the check boxes don’t stay selected.

Can you think of w method whereby the same items would remain selected when I switch between “no discount” and “discount card A”?

Hello @big_rich,

They are different fields, so, when standard choice is selected will be displayed the corresponding checkbox field with their choices ticked, and if the discount choice is selected will be displayed the second checkbox field with its own choices.

If you want synchronize the checkbox fields, an alternative would be, assuming the checkbox fields are the fieldname1 and fieldname2:

* Insert a “HTML Content” field in the form with the following piece of code as its content:

<script>
jQuery(document).on('change', '[id*="fieldname1_"]', function(){
jQuery('[id*="fieldname1_"]').each(function(i){jQuery('[id*="fieldname2_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname2_"]', function(){
jQuery('[id*="fieldname2_"]').each(function(i){jQuery('[id*="fieldname1_"]:eq('+i+')').prop('checked', this.checked)});
});
</script>

and that’s all.

Remember to replace the fields’ names in my code with the corresponding ones in your form.

Best regards.

Thanks @codepeople that works perfectly!

Hi,

It has been a pleasure.

Best regards.

Hi again @codepeople

I have added a second discount card to the form and syncronized the check boxes using the following code (adding extra lines to the example you gave):

<script>
jQuery(document).on('change', '[id*="fieldname1_"]', function(){
jQuery('[id*="fieldname1_"]').each(function(i){jQuery('[id*="fieldname2_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname2_"]', function(){
jQuery('[id*="fieldname2_"]').each(function(i){jQuery('[id*="fieldname1_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname1_"]', function(){
jQuery('[id*="fieldname1_"]').each(function(i){jQuery('[id*="fieldname3_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname2_"]', function(){
jQuery('[id*="fieldname2_"]').each(function(i){jQuery('[id*="fieldname3_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname3_"]', function(){
jQuery('[id*="fieldname3_"]').each(function(i){jQuery('[id*="fieldname1_"]:eq('+i+')').prop('checked', this.checked)});
});
jQuery(document).on('change', '[id*="fieldname3_"]', function(){
jQuery('[id*="fieldname3_"]').each(function(i){jQuery('[id*="fieldname2_"]:eq('+i+')').prop('checked', this.checked)});
});
</script>

This orks but I was wondering if there is a more elegant way of doing this?

Hello @big_rich,

The issue is you want synchronize checkbox fields and that requires extra code, of course, maybe there are more elegant solutions, but in principle the execution would be very similar, for example:

<script>
function synchronize(a,b,swap){
jQuery(document).on('change', '[id*="'+a+'_"]', function(){
jQuery('[id*="'+a+'_"]').each(function(i){jQuery('[id*="'+b+'_"]:eq('+i+')').prop('checked', this.checked)});
});
if('undefined' == typeof swap) synchronize(b,a,false);
}

synchronize('fieldname1', 'fieldname2');
synchronize('fieldname2', 'fieldname3');
synchronize('fieldname1', 'fieldname3');
</script>

As you can see, I’ve defined the synchornize function, and I’m calling it passing as parameters the pair of fields’ names, so many times as needed. You don’t need duplicate the logic for every pair of fields.

Best regards.

Thanks again @codepeople