Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos Vilela Alves

textfiled com numero e botoes para almentar e diminuir o valor

Por , em Desenvolvimento frontend

Recommended Posts

Marcos Vilela Alves    4

Marcos Vilela Alves
Postado

Olá gostaria de colocar no meu sistema aqueles campos de textos, que tem uns botoes do lado, um com uma seta pra cima e um com um seta pra baixo e que ao clicar neles eles almentam ou diminuem o valor dentro do campo....

 

naum encontrei nada sobre isso... não sei se existe esse tipo de campo em HTML, e se existe nao sei o nome.. talvez por isso nao tenha encontrado...

 

alguem sabe como posso fzr?!?!?!

obrigado...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

A resposta é Javascript.

Basta você criar um input text, e outros 2 botões, divs, spans, enfim qualquer elemento, e atribuir à eles funções de incremento e decremento.

Vou montar alguma coisinha aqui...

<script>
function aumenta(){
	var elemento = document.getElementById('campo');
	elemento.value = parseInt(elemento.value) + 1;
}
function diminui(){
	var elemento = document.getElementById('campo');
	elemento.value = parseInt(elemento.value) - 1;
}

</script>
</head>
<body>
	<input type="text" id="campo" />
	<input type="button" value="+" onclick="aumenta()" />
	<input type="button" value="-" onclick="diminui()"  />
</body>
</html>
Enfim, a idéia geral é essa. A função JS pode ser melhorada, você pode escolher outros elementos para atribuir o onclick em vez dos botões que eu coloquei... mas ai depende do teu CSS.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito