[Resolvido] Restringir Proporções de Inputs

[11closed 0]

ola

 

quero fazer uma soma de valores dos inputs, se um chebox estiver selecionado se ele ñ estiver selecionado a soma ñ é feita

 

dê uma olhada

 

<li>Restringir Proporções (Limites): <input type='checkbox' name='boxSomar'></input></li>
<li>Limite de Adultos: <input type='text' name='Ladulto'></input></li>
<li>Limite de Crianças: <input type='text' name='Lcriancas'></input></li>
<li>Limite de pessoas: <input type='text' name='Lpessoas'></input></li>

Ex: se eu selecionar o checkbox o valor do input Ladulto somara com o Lcriancas e o resultado saira no Lpessoas, e se o checkbox ñ estiver selecionado ñ avera nenhuma soma os inputs ficaram normal.

 

como eu faso isso ?

alguem sabe onde tem um tutorial ? ou alguem pode me exclicar ?

 

t+

[klonder 14]

Você cria um botão "Calcular", do tipo "button". Esse botão, ao ser clicado, irá chamar uma função.

 

É nessa função que você cria as condições da conta, ou seja, o seu algoritmo será algo próximo a:

 

function calcular() {
var objCheck = document.NomeForm.NomeCheckbox;
var objCrianca = document.NomeForm.NomeCampoCrianca;
var objAdulto = document.NomeForm.NomeCampoAdulto;

if (objCheck == checked) {
    var soma = parseFloat(objCrianca.value)+parseFloat(objAdulto.value);
} else {
    var soma = parseFloat(objCrianca.value);
}
document.write(soma);
}

Não testei, mas é algo próximo a isso...

[Shwa 0]

<script type="text/javascript">

var start = function()

{

function el ( id )

{

return document.getElementById( id );

}

el('adultos').onkeyup = function()

{

var valor = parseInt( el('adultos').value ) + parseInt( el('criancas').value );

el('pessoas').value = ( valor ) ? valor : '' ;

}

el('criancas').onkeyup = function()

{

var valor = parseInt( el('adultos').value ) + parseInt( el('criancas').value );

el('pessoas').value = ( valor ) ? valor : '' ;

}

}

window.onload = start;

</script>

<form id="form" action="" method="post">

<fieldset>

<label>Adultos: <input id="adultos" type="text" name="adultos" value="" /></label>

<label>Crianças: <input id="criancas" type="text" name="criancas" value="" /></label>

<label>Pessoas: <input id="pessoas" type="text" name="pessoas" value="" /></label>

</fieldset>

</form>

[11closed 0]

ola Shwa

 

gostei desse sujestão mais e quanto o checkbox, eu estava tentano assim mais ñ deu

 

<script type="text/javascript">
var start = function() {                    	
 function el ( id )  {                           	
  return document.getElementById( id );   	
 }
 if (el('restrigirP') == checked){
  el('adultos').onkeyup = function() {                            	
   var valor = parseInt( el('adultos').value ) + parseInt( el('criancas').value );                           	
   el('pessoas').value = ( valor ) ? valor : '' ;                    	
  }                    	
  el('criancas').onkeyup = function() {                            	
   var valor = parseInt( el('adultos').value ) + parseInt( el('criancas').value );                            	
   el('pessoas').value = ( valor ) ? valor : '' ;                    	
  } 	
 }
 else {
  alert ("haukhkauakhuha");
 }
}            	
window.onload = start; 
  	
</script>    	
<form id="form" action="" method="post">            	
 <fieldset>                    	
  <label>Restringir Proporções (Limites): <input type='checkbox' id='restrigirP' name='restrigirP' /></label>
  <label>Adultos: <input id="adultos" type="text" name="adultos" value="" /></label>                    	
  <label>Crianças: <input id="criancas" type="text" name="criancas" value="" /></label>                    	
  <label>Pessoas: <input id="pessoas" type="text" name="pessoas" value="" /></label>           	
 </fieldset>    	
</form>

como pode ser feito ?

 

t+

[Shwa 0]

<script type="text/javascript">

var start = function()

{

function el ( id )

{

return document.getElementById( id );

}

function sum()

{

if ( el('check').checked )

{

var valor = parseInt( el('adultos').value ) + parseInt( el('criancas').value );

el('pessoas').value = ( valor ) ? valor : '' ;

}

}

el('adultos').onkeyup = function()

{

sum();

}

el('criancas').onkeyup = function()

{

sum();

}

}

window.onload = start;

</script>

<form id="form" action="" method="post">

<fieldset>

<label>Calcular? <input id="check" type="checkbox" /></label><br />

<label>Adultos: <input id="adultos" type="text" name="adultos" value="" /></label>

<label>Crianças: <input id="criancas" type="text" name="criancas" value="" /></label>

<label>Pessoas: <input id="pessoas" type="text" name="pessoas" value="" /></label>

</fieldset>

</form>

[11closed 0]

obrigado pela ajuda, Shwa fico Ótimo

 

vlw

 

t+