JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<input type="checkbox" name="type" value="program" class="checkbox" id="box-1" /> Desktop Programming
<select name="lang-1" id="select-1" disabled>
    <option value="c">C/C++</option>
    <option value="vb">VB</option>
    <option value="cs">C#</option>
</select><br /><br />

<input type="checkbox" name="type" value="web" class="checkbox" id="box-2" /> Web Development
<select name="lang-2" id="select-2" disabled>
    <option value="asp">ASP</option>
    <option value="php">PHP</option>
    <option value="ror">Ruby on Rails</option>
</select><br /><br />

JavaScript

$(document).ready(function(){

	$('.checkbox').on('change',function(){
  				var checked_id = $(this).prop('id');
          var a = checked_id.slice(4);
          
          $("#select-"+a).prop('disabled',!this.checked);
  });
});