Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RDP

[Resolvido] aumentar / diminuir input

Recommended Posts

Olá pessoal sou novo aqui e na area da informática tb

 

1 - estou fazendo trabalho conclusao de curso (loja virtual)

2 - na pagina sao buscados produtos no banco de dados e exibidos 6 produtos por pagina

3 - fiz um código para aumentar e diminuir o valor do text

4 - O código funciona apenas para um form

 

Eis o código

<script> 
function menos(quantidade) { 

if(quantidade!=0) { 
document.form.quantidade.value=parseFloat(quantidade)-parseFloat(1); 
} 
} 
function mais(quantidade) { 
document.form.quantidade.value=parseFloat(quantidade)+parseFloat(1); 
} 
</script>
<form name="form" action="" method="post" >
<input type="text" name="quantidade" value="0" size="1" readonly="readonly"/>
<input type="button" value="+" onClick="mais(quantidade.value)">
<input type="button" value="-" onClick="menos(quantidade.value)">
</form>

5 - meu problema é ao fazer o loop para exibir os produtos fico com 6 forms

ai o não funciona o código

 

se alguem puder ajudar

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

esse teu script não é 'reaproveitável'.

 

assim, seria muito melhor:

<script type="text/javascript">
	function id( el ){
		return document.getElementById( el );
	}
	function menos( id_qnt ) 
	{
		var qnt = parseInt( id( id_qnt ).value );
		if( qnt > 0 )
			id( id_qnt ).value = qnt - 1; 
	} 
	function mais( id_qnt )
	{
		id( id_qnt ).value = parseInt( id( id_qnt ).value ) + 1; 
	} 
	</script>
	
	<form action="" method="post" >
		<input type="text" name="quantidade" id="quantidade1" value="0" size="1" readonly="readonly" />
		<input type="button" value="+" onclick="mais( 'quantidade1' )">
		<input type="button" value="-" onclick="menos( 'quantidade1' )">
	</form>
	
	<form action="" method="post" >
		<input type="text" name="quantidade" id="quantidade2" value="0" size="1" readonly="readonly" />
		<input type="button" value="+" onclick="mais( 'quantidade2' )">
		<input type="button" value="-" onclick="menos( 'quantidade2' )">
	</form>
	
	<form action="" method="post" >
		<input type="text" name="quantidade" id="quantidade3" value="0" size="1" readonly="readonly" />
		<input type="button" value="+" onclick="mais( 'quantidade3' )">
		<input type="button" value="-" onclick="menos( 'quantidade3' )">
	</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.