Espero puedan ayudarme, tengo dos funciones donde utilizo jquery, hago la suma de dos inputs "hombres y mujeres" que hacen el total del personal de una escuela, abajo de ellos otros cuatro donde se pone la cantidad de personas según sus funciones, pero estas deben concordar con el total de hombres y mujeres que se especifico con anterioridad, para esto creo una función que hace la suma de hombres y mujeres que son el total de ´personal y el resultado se lo envió a la otra función.
FUNCION DE SUMA HOBRES Y MUJERES QUE DAN EL TOTAL
//FUNCION QUE ESCUCHA EL CAMBIO EN LOS INPUT DE HOMBRES Y MUJERES QUE LABORAN
$('.inputTotalPer').keyup(function() {
var totalpersonal = 0;
//console.log('valor enviado de la primer fucnion'+ totalpersonal);
//recorremos los input para que haga la suma
$(".inputTotalPer").each(function() {
if (Number($(this).val())) {
totalpersonal = totalpersonal + Number($(this).val());
}
});
$("#total").val(totalpersonal);
//console.log('total sumado en la segunda funcion'+totalP);
totalPersonal(totalpersonal);
});
FUNCIÓN QUE SUMA LOS CAMPOS DE PERSONAL POR ACTIVIDAD Y COMPARA CON EL PARÁMETRO DE LA PRIMER FUNCIÓN
function totalPersonal(dato) {
$('.input_form4').keyup(function() {
var total = 0;
console.log('dato que llega'+ dato);
//recorremos los input para que haga la suma
$(".input_form4").each(function() {
if (Number($(this).val())) {
total = total + Number($(this).val());
console.log('suma segunda funcion'+ total);
if(total > dato){
alert('La suma de los campos por función no concuerda con el total del personal');
$(".input_form4").val('');
}
}
});
$("#subtotal").val(total);
//console.log('total sumado en la segunda funcion'+totalP);
});
}
la suma se hace correctamente, pero al momento de enviar el valor la primera vez lo hace bien, pero si modifico un valor de hombres o mujeres el nuevo valor de la suma ya no lo toma en cuenta, no se que estoy haciendo mal,espero puedan ayudarme.
NOTA: Dichas funciones se ejecutan al escribir nuevo valor
EJEMPLO:
//FUNCION QUE ESCUCHA EL CAMBIO EN LOS INPUT DE HOMBRES Y MUJERES QUE LABORAN
$('.inputTotalPer').keyup(function() {
var totalpersonal = 0;
//console.log('valor enviado de la primer fucnion'+ totalpersonal);
//recorremos los input para que haga la suma
$(".inputTotalPer").each(function() {
if (Number($(this).val())) {
totalpersonal = totalpersonal + Number($(this).val());
}
});
$("#total").val(totalpersonal);
//console.log('total sumado en la segunda funcion'+totalP);
totalPersonal(totalpersonal);
});
//FUNCION QUE HACE LA SUMA DE LOS CAMNPOS POR FUNCION QUE DESEMPEÑAN Y COMPARA CON EL TOTAL DE HOMBRES Y MUJERES
function totalPersonal(dato) {
$('.input_form4').keyup(function() {
var total = 0;
console.log('dato que llega'+ dato);
//recorremos los input para que haga la suma
$(".input_form4").each(function() {
if (Number($(this).val())) {
total = total + Number($(this).val());
console.log('suma segunda funcion'+ total);
if(total > dato){
alert('La suma de los campos por función no concuerda con el total del personal');
$(".input_form4").val('');
}
}
});
$("#subtotal").val(total);
//console.log('total sumado en la segunda funcion'+totalP);
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span><strong>17.</strong> CANTIDAD DE PERSONAS QUE LABORAN EN EL PLANTEL?</span>
<input id="laboranHombres" class="inputTotalPer" type="text" placeholder="Hombres" name="laboranHombres" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/>
<input id="laboranMujeres" class="inputTotalPer" type="text" placeholder="Mujeres" name="laboranMujeres" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/><br>
<input id="total" class="input_form" type="text"/>
<span><strong>18.</strong> CANTIDAD DE PERSONAS SEGUN FUNCIONES QUE DESEMPEÑAN?</span>
<input id="directivos" class="input_form4" type="text" placeholder="Directivos" name="directivos" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/>
<input id="docentes" class="input_form4" type="text" placeholder="Docentes" name="docentes" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/>
<input id="administrativos" class="input_form4" type="text" placeholder="Administrativos" name="administrativos" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/>
<input id="servicios" class="input_form4" type="text" placeholder="Servicios" name="servicios" pattern="^[0-9]\d*$" title="Ingrese solo numeros positivos"/><br>
<input id="subtotal" class="input_form" type="text"/>