Tengo un pequeño problema, les cuento tengo un formulario el cual suma radio y select list, el código funciona sin problemas, el problema que tengo es que quiero utilizar jQuery Knob que está en http://anthonyterrien.com/knob/ y quiero agregar un tiempo que va de 0 a 60 y cuando tu selecciones el tiempo por ejemplo 30 minutos, lo sume al resultado que tengo en mi formularo.
Agrego el código que tengo.
Código:
Mil gracias, saludos. <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> <td> <select> <option name="SelectGroup1" value="0">0</option> <option name="SelectGroup1" value="1.1">1</option> <option name="SelectGroup1" value="2">2</option> <option name="SelectGroup1" value="3">3</option> <option name="SelectGroup1" value="4">4</option> <option name="SelectGroup1" value="5">5</option> <option name="SelectGroup1" value="6">6</option> <option name="SelectGroup1" value="7">7</option> <option name="SelectGroup1" value="8">8</option> <option name="SelectGroup1" value="9">9</option> <option name="SelectGroup1" value="10">10</option> </select> </td> </tr> <tr> <td><input type="text" name="tiempo" class="knob" data-angleOffset=0 data-linecap=round value="0" /></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) { $('#form1').change(function() { var obj = {}; var string = ''; var sum = 0; // Grupo 1 if ($("input:radio[name=RadioGroup1]").is(':checked')) { var n1 = $("input:radio[name=RadioGroup1]:checked").val(); sum += parseFloat(n1); } // Grupo 2 if ($("input:radio[name=RadioGroup2]").is(':checked')) { var n1 = $("input:radio[name=RadioGroup2]:checked").val(); sum += parseFloat(n1); } // Grupo 3 if ($("input:radio[name=RadioGroup3]").is(':checked')) { var n1 = $("input:radio[name=RadioGroup3]:checked").val(); sum += parseFloat(n1); } // Grupo 4 if ($("select option[name=SelectGroup1]").is(':checked')) { var n1 = $("select option[name=SelectGroup1]:checked").val(); sum += parseFloat(n1); } // Grupo 5 if ($("input:text[name=tiempo]").is(':checked')) { var n1 = $("input:text[name=tiempo]:checked").val(); sum += parseFloat(n1); } $('#resultado').val(sum); }); }); </script> </body>