JSFiddle - React, Tailwind, and code Playground
HTML
<tbody>
<tr>
<td>LavĂnia Quaresma</td>
<td><input value="0" type="hidden" name="meeting[session_councilmen_attributes][0][present]"><label><input class="boolean optional" type="checkbox" value="1" checked="checked" name="meeting[session_councilmen_attributes][0][present]" id="meeting_session_councilmen_attributes_0_present"></label></td>
<td><input type="hidden" id="meeting_session_councilmen_attributes_0_arrival_1i" name="meeting[session_councilmen_attributes][0][arrival(1i)]" value="1999" disabled="disabled">
<input type="hidden" id="meeting_session_councilmen_attributes_0_arrival_2i" name="meeting[session_councilmen_attributes][0][arrival(2i)]" value="12" disabled="disabled">
<input type="hidden" id="meeting_session_councilmen_attributes_0_arrival_3i" name="meeting[session_councilmen_attributes][0][arrival(3i)]" value="31" disabled="disabled">
<select id="meeting_session_councilmen_attributes_0_arrival_4i" name="meeting[session_councilmen_attributes][0][arrival(4i)]" disabled="disabled" class="time optional disabled">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22" selected="selected">22</option>
<option value="23">23</option>
</select>
: <select id="meeting_session_councilmen_attributes_0_arrival_5i"...
JavaScript
var cbs = document.getElementsByClassName('cb');
function cbClick() {
var input = document.querySelector('input[data-id="' + this.getAttribute('data-id') + '"]:not([type="checkbox"])');
input.disabled = !this.checked;
}
for(var i in cbs) {
cbs[i].onclick = cbClick;
}