JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

<select id="select" name="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>
<input name="radio" type="radio" id="radio" value="10" tvalue="100" />
<input name="radio" type="radio" id="radio" value="20" tvalue="200" />
<input name="discouddnt" type="text" id="discount" value="1000000" tvalue="200" />
<label id="Total"></label>

JavaScript

$("input[type=radio][name=radio],select").change(function() {
  
 
    var radio = parseFloat($('#radio:checked').attr("tvalue")); 
    var select = parseFloat($('#select').val());
     
    if (parseInt($('#select').val(), 10) > 5)  {var radio = parseFloat($('#discount').val());}
     if (parseInt($('#select').val(), 10) > 5)  {$('input[name$="radio"]:last').attr('checked', 'checked');}
     
    
    $('#Total').text((select * radio)); 
    
 });