[SOLUCIONADO] Complementar esta funcion

[Briss]

Iniciado por Briss

Tengo este formulario dos radios para marcar descuento o no (aca quisiera que me marcara automaticamente No y porcentajedes pusiera 0... cambie mi código porque solo funcionaba una vez ... ahora funciona bien osea si cambio mi descuento hace las operaciones ... pero ahora no se como meter que mi radio no ponga 0 en porcentajedesc.... y mi radio si obvio haria las operaciones

Código HTML:

<form name="f1">
<input type="radio" name="promo"  id="promo"  value="si" >Si
   <input type="radio" name="promo"  id="promo"  value="no" checked="checked">No
  <p>Descuento:
  <input type="text" name="porcentajedesc"  value="0" size="2" onblur="descuento(1)"/> <br>
  total: <br>
   <input type="text" name="totalapagar"  value="200" size="2"  onblur="descuento(1)"/>
  <br>
  precio a pagar:
  <br>
  <input type="text" name="totalpago" id="totalpago" value="" size="2" onblur="descuento(1)" />
<script language="javascript"> 
function descuento(_v) { 
  with (document.forms["f1"])
  {
    var totalResult=0;
    if(_v==1)
	{
    totalResult = Number( totalapagar.value ) * Number( porcentajedesc.value ); 
    total=(totalResult)/100;
    pagofinal=Number( totalapagar.value )-total;

      totalpago.value = roundTo(pagofinal);
	}
   
  }
} 

function roundTo(num){ 
  if( isNaN( num ) )
  { 
    num = 0; 
  } 

  return num; 
} 



</script>
</form>
</body>
</html> 

[bathorz]

Tómate algunos segundos para escribir, completa las palabras y dale coherencia a la oración. De lo contrario hay que andar adivinando.
En base a lo que tenías:

Código CSS:

<style type="text/css">
    #porcentajedesc{width: 30px}
</style>
 

Código Javascript:

function descuento() {
    var desc, totalapagar, porcentajedesc, total, pagofinal;
    var totalpago;
    // Para 2 elementos, más --> bucle
    if (document.f1.promo1.checked)
      desc = document.f1.promo1.value;
    if (document.f1.promo2.checked)
      desc = document.f1.promo2.value;
 
    with (document.forms["f1"]) {
      // var totalResult = 0;
      if (desc === "si") {
        total = (Number(totalapagar.value) * Number(porcentajedesc.value)) / 100;
        //total = (totalResult) / 100;
        pagofinal = Number(totalapagar.value) - total;
        totalpago.value = roundTo(pagofinal);
        //totalpago.value = pagofinal;
      } else {
        pagofinal = Number(totalapagar.value);
        totalpago.value = roundTo(pagofinal);
      }
    }
  }
  function roundTo(num) {
    if (isNaN(num)) {
      num = 0;
    }
    return num;
  }
  //
  window.onload = function() {
    descuento();
    document.addEventListener('change', function(e) {
      //e.preventDefault();
      descuento();
    });
  };
 

Código HTML:

<form name="f1">
      <input type="radio" name="promo"  id="promo1"  value="si" >Si
      <input type="radio" name="promo"  id="promo2"  value="no" checked="checked">No
      <p>Descuento:
        <input type="number" min="0" id="porcentajedesc" name="porcentajedesc" value="0" >        
        <br>
        Total: <br>
        <input type="text" name="totalapagar"  value="200" size="3" />
        <br>
        Precio a pagar:
        <br>
        <input type="text" name="totalpago" id="totalpago" value="" size="10" />
    </form>
 

[Briss]

Iniciado por Briss

Tengo este formulario dos radios para marcar descuento o no (aca quisiera que me marcara automaticamente No y descuento pusiera 0... cambie mi código porque solo funcionaba una vez ... ahora funciona bien osea si cambio mi descuento hace las operaciones antes solo lo hacia una vez... pero ahora no se como meter que mi radio no ponga 0 en porcentajedesc.... y mi radio si obvio haria las operaciones

Código HTML:

<form name="f1">
<input type="radio" name="promo"  id="promo"  value="si" >Si
   <input type="radio" name="promo"  id="promo"  value="no" checked="checked">No
  <p>Descuento:
  <input type="text" name="porcentajedesc"  value="0" size="2" onblur="descuento(1)"/> <br>
  total: <br>
   <input type="text" name="totalapagar"  value="200" size="2"  onblur="descuento(1)"/>
  <br>
  precio a pagar:
  <br>
  <input type="text" name="totalpago" id="totalpago" value="" size="2" onblur="descuento(1)" />
<script language="javascript"> 
function descuento(_v) { 
  with (document.forms["f1"])
  {
    var totalResult=0;
    if(_v==1)
	{
    totalResult = Number( totalapagar.value ) * Number( porcentajedesc.value ); 
    total=(totalResult)/100;
    pagofinal=Number( totalapagar.value )-total;

      totalpago.value = roundTo(pagofinal);
	}
   
  }
} 

function roundTo(num){ 
  if( isNaN( num ) )
  { 
    num = 0; 
  } 

  return num; 
} 



</script>
</form>
</body>
</html> 

Gracias