JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

<form method="post" action="">
<select name="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><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
    
<div id="radioButtons"><input type="radio" class="multi" name="radio" id="radio" ivalue="1" data-tvalue="275" value="1185">Earlybird 1 Day Registration  $275<br>
<input type="radio" class="multi" name="radio" id="radio" ivalue="2" data-tvalue="475" value="1186">Earlybird 2 Day Registration  $475<br>
<input type="radio" class="multi" name="radio" id="radio" ivalue="3" data-tvalue="625" value="1187">Earlybird 3 Day Registration (all three days)  $625<br>
</div><div id="checkBoxes">

<br><label id="Total"></label><br></form>

JavaScript

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