Hola a todos, buen día.
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:
<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>
Mil gracias, saludos.