Suma que no funciona con el Chrome

silicanig · #1 (**permalink**) 05/08/2015, 07:17

Buenos días

Estoy haciendo una suma en un formulario, Sumo dos combos y lo muestro en un campo, estoy utilizando este script pero no me esta funcionando cuando utilizo el Chrome, alguien me puede ayudar.

Gracias

<script>
var radio_1=false;
var radio_2=false;
var radio_3=false;

function CheckunCheck(obj){
var checked=false;
switch (obj.id){
case "radio_1":
radio_1=!radio_1;
checked=radio_1;
break;
case "radio_2":
radio_2=!radio_2;
checked=radio_2;
break;
case "radio_3":
radio_3=!radio_3;
checked=radio_3;
break;
}
obj.checked=checked;
}
function Suma(isChecked, myValue)
{
tot = parseInt(document.form1.total.value);
myValue = parseInt(myValue);
if (isChecked.checked) document.form1.total.value = tot + myValue;
else document.form1.total.value = tot - myValue;
}
</script>

<select name="17_cantidad" id="17_cantidad">
<optgroup label="Cantidad">
<option selected="selected">Seleccionar..</option> <option name="radio_1" id="radio_1" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="100" >1</option> <option name="radio_2" id="radio_1" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="200" >2</option> <option name="radio_3" id="radio_1" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="300" >3</option> </optgroup>
</select>

<strong>Total a pagar</strong><input name="total" type="text" value="0" disabled="disabled" />

<input name="chec_1" id="chec_1" onclick="Suma(this,this.value)" type="checkbox" value="95" />Gasto de envio por $95.-para todo el país<br /><br />

superweb360 · #2 (**permalink**) 05/08/2015, 10:47

¿Dices que hay dos combos? Acabo de ejecutar el código pero sólo se me muestra un combo. Este código no me funciona en ningún navegador.

silicanig · #3 (**permalink**) 05/08/2015, 13:58

Aca te paso el codigo completo, Cuando lo pruebo en el explorer funciona y cuando lo pruebo en el chrome funciona el chekbox solo. _Gracias por la ayuda

<html>

<head>

<title>Documento sin título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
var radio_1=false;
var radio_2=false;
var radio_3=false;

function CheckunCheck(obj){
var checked=false;
switch (obj.id){
case "radio_1":
radio_1=!radio_1;
checked=radio_1;
break;
case "radio_2":
radio_2=!radio_2;
checked=radio_2;
break;
case "radio_3":
radio_3=!radio_3;
checked=radio_3;
break;
}
obj.checked=checked;
}
function Suma(isChecked, myValue)
{
tot = parseInt(document.form1.total.value);
myValue = parseInt(myValue);
if (isChecked.checked) document.form1.total.value = tot + myValue;
else document.form1.total.value = tot - myValue;
}
</script>

</head>

<body>

<form method="post" name="form1">
<p>
<select name="17_cantidad" id="17_cantidad">
<optgroup label="Cantidad">
<option selected="selected">Seleccionar..</option>
<option name="radio_1" id="radio_1" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="100" >1</option>
<option name="radio_2" id="radio_2" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="200" >2</option>
<option name="radio_3" id="radio_3" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="300" >3</option>
</optgroup>
</select><br />
<p>
<strong>Extra</strong></p>
<p>

   &nbsp <input name="chec_1" id="chec_1" onclick="Suma(this,this.value)" type="checkbox" value="95" />Gasto de envio por $95.-para todo el país<br /><br /></p>
<p> 
</p>

<p>

Total<input name="total" type="text" value="0" disabled="disabled" /></p>

</form>
</body>

</html>

superweb360 · #4 (**permalink**) 05/08/2015, 16:00

Tienes mal puestos los onclick. Tienes que poner el evento onchange SÓLO en el select, no en los option. Además, no hace falta que pongas id y name en los option.

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function Suma(objeto)
{
    alert(objeto.value);
}
</script>
</head>
<body>
<form method="post" name="form1">
    <select onchange="Suma(this)" name="cantidad" id="cantidad">
    <option selected="selected">Seleccionar..</option> 
    <option type="radio" value="100" >1</option> 
    <option type="radio" value="200" >2</option> 
    <option type="radio" value="300" >3</option> 
    </select>
</form>
</body>
</html>

Alternativamente, lo puedes hacer con document.getElementById

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function Suma()
{
    alert(document.getElementById("cantidad").value);
}
</script>
</head>
<body>
<form method="post" name="form1">
    <select onchange="Suma()" name="cantidad" id="cantidad">
    <option selected="selected">Seleccionar..</option> 
    <option type="radio" value="100" >1</option> 
    <option type="radio" value="200" >2</option> 
    <option type="radio" value="300" >3</option> 
    </select>
</form>
</body>
</html>