Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/02/2014, 11:03
alfre04
 
Fecha de Ingreso: octubre-2011
Mensajes: 11
Antigüedad: 13 años, 1 mes
Puntos: 0
Respuesta: Suma de radiobutton

Hola a todos.

Encontré como solucionar el problema, pero me atore de nuevo, del código que tengo, agregue un select list y necesita sumar de igual manera.

Espero me puedan echar una mano, muchas gracias por todo se los agradezco.

Código:
<body>
<form id="form1" name="form1" method="post" action="">
    <table width="600">
        <tr>
            <td><p>
                    <label>
                        <input type="radio" name="RadioGroup1" value="0.1"id="RadioGroup1_0" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup1" value="2"id="RadioGroup1_1" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup1" value="3"id="RadioGroup1_2" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup1" value="4"id="RadioGroup1_3" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup1" value="5"id="RadioGroup1_4" />
                        Opción</label>
                    <br />
                </p></td>
            <td><p>
                    <label>
                        <input type="radio" name="RadioGroup2" value="0.2"id="RadioGroup2_0" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup2" value="2"id="RadioGroup2_1" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup2" value="3"id="RadioGroup2_2" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup2" value="4"id="RadioGroup2_3" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup2" value="5"id="RadioGroup2_4" />
                        Opción</label>
                    <br />
                </p></td>
            <td><p>
                    <label>
                        <input type="radio" name="RadioGroup3" value="0.1" id="RadioGroup3_0" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup3" value="2" id="RadioGroup3_1" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup3" value="3" id="RadioGroup3_2" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup3" value="4" id="RadioGroup3_3" />
                        Opción</label>
                    <br />
                    <label>
                        <input type="radio" name="RadioGroup3" value="5" id="RadioGroup3_4" />
                        Opción</label>
                    <br />
                </p></td>
        </tr>
<tr>
<td>
   <select name="Edad" id="age" >
<option value="0">Selecciona tu edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
<tr>
<td>
   <select name="Kilos" id="kilos" >
<option value="0">selecciona los kilos</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
        <tr>
            <td colspan="2"><input type="text" name="resultado" id="resultado" disabled="disabled" value="0" /></td>
        </tr>
    </table>
</form>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(e) {
   var $inRadio = $("#form1").find("input[type='radio']");
    var $inResultado = $("#form1").find("#resultado");
    var $valores = {};
    
    $inRadio.on("change", function(){
        
        var $valor = +$(this).val();
        var $nombre = $(this).attr("name");
        
        $valores[""+ $nombre+ ""] = $valor;
        
        var $suma = 0;
        
        $.each($valores, function(indice, $valorArray){
           $suma =+ $suma + $valorArray; 
        });
        $inResultado.val($suma);
    });
});

</script>
</body>