Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/05/2016, 10:05
shionio
 
Fecha de Ingreso: marzo-2016
Ubicación: caracas
Mensajes: 10
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: leccionar un input dentro de un div

muchas gracias, esta listo, ahora me da otro problema cuando le doy al botom sumar referente al dia me suma las calorias de todos los dias ejemplo en el lunes tengo 2 recetas que me dan 50 Kcal. y el martes 3 que me dan 80 Kcal, al dale al sumar en el martes el total es 130Kcal, me esta sumando las del lunes y las del martes y si agrego mas el miercoles le suma a este total de 130 las del miercoles,.

Aca les dejo e codigo del div y el de jquery
Código:
<div id="desayuno1">
   <table border="3px;">
    <tr>
      <td class="rotar">
        Desayuno.
      </td>
        <td id="d_lunes">    
          <?php
              $columnas_previas = array();
              $editable = TRUE;
              $columnas_posteriores = array();
              
              if( $editable ){
                $columnas_posteriores = array('seleccionar' => array( 
                  'ancho'   => '32px',
                  'titulo'  => '<a href="javascript:agregar_receta(\'grid_desayuno_lun\');"><i class="fa fa-plus-square"></i></a>',
                  'formato' => '<center><a href="#" class="eliminar_receta" data-valor="grid_desayuno_lun"><i class="fa fa-trash-o"></i></a></center>',
                  ),
                );
              }

              $parametros = array(
                'ancho_grid'            => '485px',
                'alto_grid'             => '190px',
                'mostrar_campos_filtro' => FALSE,
                'iconos_accion'         => array( 'mostrar', 'editar', 'eliminar' ),
                'sufijo_campos_iguales' => '_n',
                'columnas' => $columnas_previas + array(
                    'consecutivo'       => array('ancho'  =>  '27px',    'titulo'  =>'Nº', 'formato'=>'{@_fila}'),
                    'receta1[]'         => array('ancho'  =>  '300px',   'titulo'  =>'Lunes'),
                    'calorias_d_lun'    => array('ancho'  =>  '100px',   'titulo'  =>'Kcal.'),
                )+$columnas_posteriores,
              );
           if( !isset($datos))
            {
                $datos = array(
                                array(
                                    'codigo_receta'       => '',
                                    'recetas'             => '',
                                    'lunes'               => '',
                                    'calorias'            => '',
                                    ),
                                  );
            }
              $icono_info = "<a data-id-detalle=\"{@id}\" class=\"info_detalle\" href=\"javascript:void(0);\"><i class=\"fa fa-lg fa-info-circle\"></i></a>";

              $editable = TRUE;

              if( $editable ){

              $parametros['columnas']['receta1[]']['componente'] = array( 'select', array(  'items'  =>  $datos_recetas, 'clases_adicionales'  =>  'traer_receta'));
              $parametros['columnas']['calorias_d_lun']['componente'] = array( 'texto',  array(  'solo_lectura' =>  TRUE,  'clases_adicionales'     =>  'calorias_dia', 'valor_inicial' => '0 Kcal'));                 
                }

              echo html_grid_avanzado( 'grid_desayuno_lun', $datos, $parametros);
            ?>
          <br>
          <label> Total Calorias Menu</label>
          <input type="text" id="total_d_lun" class="t_calorias" style="width:120px;height:30px;" onFocus="this.blur()">
          <input type="button" value="Sumar" onclick="suma_calorias('total_d_lun')"></input>
       </td>
y aca el jquery
Código:
function suma_calorias(id){
    var calorias = 0;   
      $('td').find('.calorias_dia').each(function(indice, valor){
      total_kcal = calorias += parseFloat($(valor).val());
    });
     $('#' + id).val((total_kcal).toFixed(2));
  };