Tengo la siguiente tabla
Se requiere que cuando se marque la primera columna el check sea de color verde, si se marca la segunda sea de color rojo y si se marca la tercera sea de color naranja
mi codigo es el siguiente
< script >
$("input:checkbox").on('click', function() {
var $box = $(this);
if ($box.is(":checked")) {
// set all elements matching the name to unchecked
$(this).closest('tr').find("input:checkbox[name='check_N2[]']").prop("checked", false)
$(this).closest('tr').find("input:checkbox[name='check_N3[]']").prop("checked", false)
// set the orginally checked box back to 'checked'
$box.prop("checked", true);
} else {
$box.prop("checked", false);
}
}); <
/script>
<tr>
<td style="text-align:center"><input type="hidden" value="<?php echo $value_N2['id']; ?>" name="id_N2[]"> <strong><?php echo $value_N2['codigo']; ?> </strong></td>
<td style="text-align: justify;"><strong><?php echo $value_N2['descripcion']; ?> </strong></td>
<td style="text-align:center"><input type="checkbox" value="1" name="check_N2[]" checked disabled></td>
<td style="text-align:center"><input type="checkbox" value="2" name="check_N2[]" checked disabled></td>
<td style="text-align:center"><input type="checkbox" value="3" name="check_N2[]" checked disabled></td>
</tr>
<tr>
<td style="text-align:center"><input type="hidden" value="<?php echo $value_N3['id']; ?>" name="id_N3[]"> <strong><?php echo $value_N3['codigo']; ?> </strong></td>
<td style="text-align: justify;">
<?php echo $value_N3['descripcion']; ?>
</td>
<td style="text-align:center"><input type="checkbox" value="1" name="check_N3[]"></td>
<td style="text-align:center"><input type="checkbox" value="2" name="check_N3[]" checked=""></td>
<td style="text-align:center"><input type="checkbox" value="3" name="check_N3[]"></td>
</tr>