JSFiddle - React, Tailwind, and code Playground

by prasad raja

HTML

Text1: <input type="text" id="txt1"/>  <br>
Text2<input type="text" id="txt2"/>  </br>



<input type="checkbox" id="cbx3" value="23"/>
</br>
Select :
<select id="as">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
</br>
Total <input type="text" id="gt"/>

JavaScript

$("#as").on('change', function (event) {
                subtotal();
            });
            $("#cbx3").click(function () {
                subtotal();
            });

            function subtotal() {

                var as = $("#as").val();
                var txt1 = $('#txt1').val();
                var txt2 = $('#txt2').val();
                var d = 0;
                if ($('#cbx3').is(":checked")) {
                    d = parseFloat($("#cbx3").val(), 10);
                    var a = parseFloat(as, 10);
                    var b = parseFloat(txt1, 10);
                    var c = parseFloat(txt2, 10);
                    var total = parseFloat(a, 10) + parseFloat(b, 10) + parseFloat(c, 10) + d;
                    $('#gt').val(total);
                }
                else {
                    $('#gt').val("0");
                }
            }