JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<table width="100%" border="0">
<tr>
<td>Equipamento Analitico E.T.A</td>
</tr>
</table>
<input type="checkbox" name="opcao" value="1" class="personalizar">Sim
<div class="orcamento" style="display: none;">
<table width="100%" border="0">
<tr>
<td> </td>
<td>
<input name="Sistema Supervisório" type="checkbox" value="Sistema Supervisório" />Sistema Supervisorio</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Analisador de PH" type="checkbox" value="Analisador de PH" />Analisador de PH</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Monitor de Coagulante" type="checkbox" value="Monitor de Coagulante" />Monitor de Coagulante</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Turbidímetro de Entrada" type="checkbox" value="Turbidímetro de Entrada" />Turbidímetro de Entrada</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Leitura de Vazao Via IHM" type="checkbox" value="Leitura de Vazao Via IHM" />Leitura de Vazao Via IHM</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Analisador de Cloro" type="checkbox" value="Analisador de Cloro" />Analisador de Cloro</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<input name="Analisador de Fluor" type="checkbox" value="Analisador de Fluor" />Analisador de Fluor</td>
...
JavaScript
$(document).ready(function () {
$(".personalizar").click(function (evento) {console.log(1)
if (this.checked) {
$(".orcamento").css("display", "block");
} else {
$(".orcamento").css("display", "none");
}
});
});
$(document).ready(function () {
$(".dosadoras").click(function (evento) {
if (this.checked) {
$(".dose").css("display", "block");
} else {
$(".dose").css("display", "none");
}
});
});