JSFiddle - React, Tailwind, and code Playground

by Adem GENC

HTML

<input type="checkbox" name="digital" id="digital_checkbox">
<select id="digital" disabled="">
  <option value="-1"></option>
</select>
<br />
<br />
<br />
<input type="checkbox" name="analog" id="analog_checkbox">
<select id="analog" disabled="">
  <option value="-1"></option>
</select>

JavaScript

var i;
for(var i = 4; i <= 72; i+=4)
{
$("#digital").append('<option value="' + i + '">'+ i + ' Digital Channel</option>');
}

var i;
for(var i = 8; i <= 72; i+=8)
{
$("#analog").append('<option value="' + i + '">'+ i + ' Analog Channel</option>');
}

    $("#analog_checkbox").change(function(){
        $("#analog").prop("disabled", $(this).is(':checked'));
        $('#analog').prop('selectedIndex',0);
    });
    $("#digital_checkbox").change(function(){
        $("#digital").prop("disabled", $(this).is(':checked'));
        $('#digital').prop('selectedIndex',0);
    });