JSFiddle - React, Tailwind, and code Playground

by apasaja

HTML

<form>
    <input type="radio" class="nopizza" name="pizza" value="none" checked="yes">
    <label for="nopizza">None</label>
    <br>    
    <input type="radio" class="pizza" name="pizza" value="yes">
  <label for="pizza">I would like to order a</label>
  <select id="pizza_kind">
    <option>(choose one)</option>
    <option value="margaritha">Margaritha</option>
    <option value="hawai">Hawai</option>
  </select>
  pizza.
</form>

JavaScript

$(function(){
        if ($(".pizza").is(":checked")) {
            $('#pizza_kind').prop('disabled', false);
        }
        else {
            $('#pizza_kind').prop('disabled', true);
        }
    };
});