How to use if..else statement on a radio button with jQuery

Question

I have this field at my form for calculating Value Added Tax:

<form method="post" action="" id="form-product">
    <div class="col-md-4">
        <div class="form-check">
            <input class="form-check-input" type="radio" id="vat" name="vat" value="on">
            <label class="form-check-label">
                Calculate VAT 
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" id="vat" name="vat" value="off" checked>
            <label class="form-check-label">
                Do not calculate VAT
            </label>
        </div>
    </div> 
</form>

Now within jQuery, I want to check that if the radio button is set to the value on, do the calculation.

So how can I do that with jQuery.

I would really appreciate any idea or suggestion from you guys...

Thanks in advance.

By the way you have invalid HTML there, the ID `vat` is not unique. — CherryDT, May 29 '21 at 10:11
You want like this? $('input[val()="on"]').click( function(){do calculation}. — pullidea-dev, May 29 '21 at 10:18

score 0 · Accepted Answer · answered May 29 '21 at 10:16

0

I have added a listener to get the value from the radio button.

$('#form-product input').on('change', function() {
   alert($('input[name=vat]:checked', '#form-product').val()); 
});

Here's an example:

for more info in Jquery refer to this question

answered May 29 '21 at 10:16

Riyad Arshad

26
3

How to use if..else statement on a radio button with jQuery

1 Answers1