1

Necesito que cuando alguien en un input escriba arriba o igual del número 3, en otro input me cargue el dato que trabajo 3 horas dobles, voy a entrar más en contexto y decir lo que son mis condicionales.

Por ejemplo, yo voy a trabajar 5 horas, entonces en mi input yo pondré el dato "5" en otro input llamado "dobles" debería cargarme el dato "3" pues son 3 horas dobles que trabajo y otro input llamado "triples" me marque "2" pues es el resto de las horas.

Las condicionales aquí son: las primeras 3 siempre se irán al campo "DOBLES" y el restante al otro input llamado "TRIPLES"

Tengo otra condicional que es "Cuando las horas dobles ya sean 9, el resto de horas se irán a las horas triples" pero creo que esto lo quiero empezar a realizar cuando ya tenga la primera parte.

Aquí está la forma en que debería de verse:

introducir la descripción de la imagen aquí

Acá agrego la estructura de mi tabla:

introducir la descripción de la imagen aquí

function HorasTD() {
    var ValInpHoras = $("input#horas").val();

    if (ValInpHoras >= 3) {
        $("#InputDobles").val(3);
    }

    var ValInpTriples =  ValInpHoras - 3;
    $("#InputTriples").val(ValInpTriples);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" placeholder="0" class="form-control" name="horas" id="horas" onChange="HorasTD();"/>

<input type="text"  class="form-control" name="InputDobles" id="InputDobles" readonly=""/>

<input type="text"  class="form-control" name="InputTriples" id="InputTriples" readonly=""/>

6
  • Por favor agrega la estructura de tu tabla como texto, para mejor legibilidad. Además, ¿qué ya has intentado? agrega un ejemplo mínimo verificable
    – padaleiana
    Commented el 6 ene. 2021 a las 13:47
  • Hasta el momento pues lo mas basico, lo dejo aca. jsfiddle.net/zvbpntg1
    – EduardoMX
    Commented el 6 ene. 2021 a las 14:06
  • 1
    Para que tu código esté rápidamente a la vista, puedes editar tu pregunta agregando un snippet de lo que tienes en el fiddle.
    – padaleiana
    Commented el 6 ene. 2021 a las 14:10
  • El fragmento de código (snippet) está funcionando de acuerdo a tus necesidades, ¿entonces, cuál es el problema?. Por otra parte: "Cuando las horas dobles ya sean 9, el resto de horas se iran a las horas triples" resulta incompatible con tu primera condición, porque las horas dobles van a ser como máximo 3, quizá te refieras a limitar el total de horas triples.
    – Triby
    Commented el 6 ene. 2021 a las 16:58
  • Lo lamento, ya vi que no funciona correctamente. :-D
    – Triby
    Commented el 6 ene. 2021 a las 17:00

1 respuesta 1

0

Primero debes realizar los cálculos, en lugar de asignar directamente los valores a los otros campos. Agregué una variable para poder modificar fácilmente el máximo de horas dobles permitidas.

En comentarios incluí cómo debe realizarse el cálculo.

// Definir una variable para poder cambiar el máximo de horas dobles
let maxDobles = 3;
function HorasTD() {
    // Primero define las variables necesarias
    // Por defecto, todas las horas son dobles
    // Se usa parseInt() para asegurar que el valor es un entero
    let dobles = parseInt($("input#horas").val());
    // Triples inicia en cero
    let triples = 0;
    // Si el total de horas es mayor que el máximo permitido
    if(dobles > maxDobles) {
        // Se asigna la diferencia a triples
        triples = dobles - maxDobles;
        // Asignar a dobles el máximo especificado
        dobles = maxDobles;
    }
    // Después de realizar los cálculos, se asignan los valores
    $("#InputDobles").val(dobles);
    $("#InputTriples").val(triples);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" placeholder="0" class="form-control" name="horas" id="horas" onChange="HorasTD();"/>

<input type="text"  class="form-control" name="InputDobles" id="InputDobles" readonly=""/>

<input type="text"  class="form-control" name="InputTriples" id="InputTriples" readonly=""/>

Si quieres que el máximo de horas dobles sea diferente, solo cambia el valor en la variable definida al inicio y listo.

1
  • Gracias esta fue mi solucion :)
    – EduardoMX
    Commented el 15 ene. 2021 a las 13:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.