Necesito cambiar el color del del texto según el valor del input
.
Lo estoy intentando pero el segundo color no me toma siempre prevalece el primero. Ahora lo estoy haciendo con css
directo pero podría ser con un nombre de clase usando .addClass
y .removeClass
, ya lo probé de las dos formas y no lo logro.
Dejo la idea por favor Gracias.
jQuery(document).ready(function() {
if (jQuery('.status').val() === "CANCELADO") {
jQuery('.status').css("color", "green");
}
if (jQuery('.status').val() === "PENDIENTE") {
jQuery('.status').css("color", "red");
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="status" type="text" value="PENDIENTE" />
El value
es un valor dinámico puede ser CANCELADO O PENDIENTE, depende del valor cambiar el color.