Automatically select box based on entered amount

Hello @benh123

Thank you very much for using our plugin. I need you to describe the rule you want to apply because you included two examples only in your entry.

The solution would be to insert an “HTML Field” in the form, with a content similar to:

<script>
jQuery(document).on('change', '[id*="fieldname4_"]', function(){
if(typeof field_flag != 'undefined'){delete field_flag; return;}
field_flag = true;

var value = this.value;

// Apply the rule that modifies the value

jQuery(this).val(value).change();

});
</script>

In the previous code, you should replace “// Apply the rule that modifies the value” with the code that modifies the field’s value.

Best regards.

Hello @benh123

If you want to round up the number to the next multiple of 100, you should replace // Apply the rule that modifies the value in the code I sent you previously with:

value = CEIL(value, 100);

Best regards.

Hello @benh123

I’m sorry, I understand you now. But I still need you to describe the rules. For example, if the user enters any value lower than XYZ, then select the AAAA choice. If the user enters any value between XYZ and ABC then select the BBB choice, and so on.

In the previous entries, you escribed specific examples, but not rules we can implement.

Best regards.

Hello @benh123

In this case, the piece of code in the “HTML Content” field can be implemented as follows:

<script>
jQuery(document).on('change', '[id*="fieldname4_"]', function(){

var value = this.value;

if(value <= 2200){ jQuery('[id*="fieldname58_"][vt*="2200"]').prop('checked', true).change(); return;}

if(value <= 2400){ jQuery('[id*="fieldname58_"][vt*="2400"]').prop('checked', true).change(); return;}

jQuery('[id*="fieldname58_"][vt*="2600"]').prop('checked', true).change();
});
</script>

Best regards.

Hello @benh123

Yes, into the block of code you can include the following piece of code before the conditional statements:

jQuery('[id*="fieldname58_"]').prop('checked', false);

Please, note that the support service does not cover the implementation of the users’ projects. If you need someone that implement your form, you can contact us directly through the plugin’s website:

https://cff.dwbooster.com/customization

Best regards.

Hello @benh123

Another alternative would be to untick the choices on the keyup event. You can insert another “HMTL Content” field in the form and enter the code:

<script>
jQuery(document).on('keyup', '[id*="fieldname4_"]', function(){
jQuery('[id*="fieldname58_"]').prop('checked', false).change();
});
</script>

Best regards.