JSFiddle - React, Tailwind, and code Playground

by demwunz

HTML

<table class="tabla" cellpadding="0" border="0">
            <tr>
                <td>
                    <label>Names</label>
                </td>
                <td>
                    <label>DoB</label>
                </td>
                <td style="width:82px" >
                    <label>Gender</label>
                </td>
            </tr>
            <tr id="HijoCargoRow0">
                <td>
                    <input data-disabled="false" disabled id="XXX" name="XXX" style="width:260px" type="text" value="" />
                </td>
                <td>
                    <input class="datepicker" data-disabled="true" disabled id="YYY" name="YYY" style="width:70px" type="text" value="" />
                </td>
                <td>
                    <input data-disabled="true" id="M" disabled name="ZZZ" type="radio" value="M" /><label for="M">M</label>
                    <input data-disabled="true" id="F" disabled name="ZZZ" type="radio" value="F" /><label for="F">F</label>
                </td>
          </tr>     
    </table>

JavaScript

$('document').ready(function () {
  //get each input that is disabled
  $('input').each(function(i, el){
      //see if it should be disbaled (true|false)
    var disabled = $(el).data('disabled');
    $(el).prop('disabled', disabled);
   });
});