Hello Florian,
I've created an example form.
I think this includes everything you need.
I'll explain it step by step:
1) I created a select list named "packages" with following options:
0;Select A Package;0
0;Basic;1000
0;Premium;1800
0;Ultimate;2500
In the Advanced tab > Actionscript > Type > Custom > Actions > Change I implemented the following code:
function ff_packages_action(element, action)
{
ff_packages_fee_action(element, action);
ff_monthly_fee_main_action(element, action);
}This is only used for proceeding selecting values to 2 following elements named "packages_fee" and "monthly_fee_main".
2) I created a textfield named "packages_fee" which will display the chosen value from the select list and proceed the value to the total element. I implemented the following code in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_packages_fee_action(element, action)
{
ff_getElementByName('packages_fee').value = Number(ff_getElementByName('packages').value);
ff_total_action(element, action);
}
3) Then comes the checkbox group named "additional". It has following options:
0;Package 1;180
0;Package 2;180
0;Package 3;140
0;Package 4;240
In the Advanced tab > Actionscript > Type > Custom > Actions > Change I implemented the following code:
function ff_additional_action(element, action)
{
ff_additional_fee_action(element, action);
ff_monthly_fee_additional2_action(element, action);
ff_monthly_fee_additional4_action(element, action);
}This is used for proceeding selecting values to 2 following elements named "additional_fee", "monthly_fee_additional2" and "monthly_fee_additional4".
4) Then I created a textfield named "additional_fee" which will calculate the value of the checkbox group and proceed the value to the "total" element. I implemented the following code in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_additional_fee_action(element, action)
{
var a=0;
opts = JQuery("[name=\"ff_nm_additional[]\"]");
for (o = 0; o < opts.length; o++){
if (opts[o].checked){
a = parseInt(a) + parseInt(opts[o].value);
}
}
ff_getElementByName('additional_fee').value = parseInt(a);
ff_total_action(element, action);
}
5) The "total" element ha the following code implemented in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_total_action(element, action)
{
ff_getElementByName('total').value = Number(ff_getElementByName('packages_fee').value) + Number(ff_getElementByName('additional_fee').value);
}Basically it will only add values from "packages_fee" and "additional_fee" elements.
6) After that, we move onto the monthly fees.
I created a textfield named "monthly_fee_main" with the following script implemented in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_monthly_fee_main_action(element, action)
{
var package= JQuery("[name=\"ff_nm_packages[]\"] option:selected").text();
if (package == 'Basic') {
ff_getElementByName('monthly_fee_main').value = 60;
}
else if (package == 'Premium') {
ff_getElementByName('monthly_fee_main').value = 60;
}
else if (package == 'Ultimate') {
ff_getElementByName('monthly_fee_main').value = 60;
}
else {
ff_getElementByName('monthly_fee_main').value = 0;
}
ff_total_monthly_fee_action(element, action);
}It will add display the following value depending on the selected option from the select list. In your case, they are all 60.
7) Then I created 2 textfields which will show additional monthly fees. In your case, it's package 2 and 4. Each of those 2 textfields is initially turned off. When being clicked on, they will show up and display the correct value. The textfields are named "monthly_fee_additional2" and "monthly_fee_additional4". The first one has this script implemented in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_monthly_fee_additional2_action(element, action)
{
switch (action)
{
case 'change':
vals = '';
opts = JQuery("[name=\"ff_nm_additional[]\"]");
if (opts[1].checked){
ff_getElementByName('monthly_fee_additional2').value = 20;
bfToggleFields('on','element','monthly_fee_additional2',bfDeactivateField);
}
else{
ff_getElementByName('monthly_fee_additional2').value = "";
bfToggleFields('off','element','monthly_fee_additional2',bfDeactivateField);
}
}
ff_total_monthly_fee_action(element, action);
}The second one has almost the same script implemented in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_monthly_fee_additional4_action(element, action)
{
switch (action)
{
case 'change':
vals = '';
opts = JQuery("[name=\"ff_nm_additional[]\"]");
if (opts[3].checked){
ff_getElementByName('monthly_fee_additional4').value = 60;
bfToggleFields('on','element','monthly_fee_additional4',bfDeactivateField);
}
else{
ff_getElementByName('monthly_fee_additional4').value = "";
bfToggleFields('off','element','monthly_fee_additional4',bfDeactivateField);
}
}
ff_total_monthly_fee_action(element, action);
}NOTE: Because of the visibility rules, I implemented the following line in form properties > Advanced tab > Visibility rules:
turn on element mydummy if yourdummy is something
8) In the end comes the "total_monthly_fee" textfield element. I implemented the following script in the Advanced tab > Actionscript > Type > Custom > Actions > Change:
function ff_total_monthly_fee_action(element, action)
{
ff_getElementByName('total_monthly_fee').value = Number(ff_getElementByName('monthly_fee_main').value) +Number(ff_getElementByName('monthly_fee_additional2').value) + Number(ff_getElementByName('monthly_fee_additional4').value);
}It will calculate the total amount from main and additional monthly fees.
That's it.
I'll attach you the form. Install it and test it out.
Let me know if it's working for you.
Regards,
Marko
