[SOLUCIONADO] Deshabilitar funcion con checkbox

[sebandrescc2]

Hola

Tengo una pequeña función en javascript para sumar un porcentaje según lo que el usuario escriba

Código Javascript:

function rellenar(campo1,campo2,agregado){
    
 
  a     = document.getElementById(campo1).value;
  b     = document.getElementById(agregado).value
  iva   = a*b/100;
  total = parseInt(a)+parseInt(iva);
  document.getElementById(campo2).value = total;
}
 

Mi duda es como crear un checkbox para deshabilitar dicha función y de esa manera no me modifique automaticamente uno de los campos.

Intente hacer un codigo para deshabilitarlos, pero para deshabilitar el spinner tengo que modificar la clase y no se hacerlo.

Ojala me puedan ayudar. Saludos

[garciasanchezdani]

Hola, ¿puedes mostrar más código?

Saludos,

[sebandrescc2]

hola garciasanchezdani

La función consiste en tomar el valor ingresado en el campo "costo_det", y sumar un porcentaje determinado por otro campo (un spinner) que se llama "agregado" y modifica el campo "varlor_det" con el resultado de la operacion.

Funcion js

Código Javascript:

function rellenar(campo1,campo2,agregado){
    
 
  a     = document.getElementById(campo1).value;
  b     = document.getElementById(agregado).value
  iva   = a*b/100;
  total = parseInt(a)+parseInt(iva);
  document.getElementById(campo2).value = total;
}
 

Parte del formulario

Código HTML:

<tr valign="baseline">
      <td nowrap="nowrap" align="right">Valor del servicio:</td>
      <td><input type="text" name="valor_det" id="valor_det" value="<?php echo html_entity_decode($row_detalles['valor_det'], ENT_COMPAT, 'utf-8'); ?>" size="32" class="simple_field" required />
</td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Costo del servicio:</td>
      <td><input type="text" name="costo_det" id="costo_det" value="<?php echo html_entity_decode($row_detalles['costo_det'], ENT_COMPAT, 'utf-8'); ?>" onChange="rellenar('costo_det','valor_det','agregado')" size="32" class="simple_field" required /><div class="g_6">
 
<input name="agregado" type="text" id="agregado" value="<?php echo $porc_calc; ?>" size="7" class="simple_field spinner3" onChange="rellenar('costo_det','valor_det','agregado')"/><div class="field_notice">Ingrese el pocentaje a sumar  ..</div></div></td>
    </tr>
 

A veces esta función no la quiero, por lo que necesito crear un checbox o button para deshabilitar el script. No hallé la forma de deshabilitar los campos.

* El spinner es jQuery UI Spinner 1.25

[garciasanchezdani]

Hola, ya he entendido, pues veo una solución muy fácil.

La cosa es crear ese checkbox. Por ejemplo:

Código HTML:

<input type="checkbox" id="checkboxdisable" name="disable" value="disable">
 

En tu función, la primera cosa que compruebas, es si ese checkbox está seleccionado o no, y dependiendo del estado de tu checkbox, ejecutas la función o no:

Código Javascript:

function rellenar(campo1,campo2,agregado){
    
 if(!document.getElementById("checkboxdisable").checked) return;
 
  a     = document.getElementById(campo1).value;
  b     = document.getElementById(agregado).value
  iva   = a*b/100;
  total = parseInt(a)+parseInt(iva);
  document.getElementById(campo2).value = total;
}
 

[/HIGHLIGHT]

Con eso debería funcionar

Saludos,

[sebandrescc2]

Funciona perfecto amigo. Muchas gracias. :)