Ir para conteúdo

POWERED BY:

Arquivado

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

NetBoy16

[Resolvido] Como limitar o usuario a escolher no maximo 4 opcoes

Por , em Javascript

Recommended Posts

NetBoy16    72

NetBoy16
Postado

Ola a todos, gostaria de saber se tem algum jquery que eu possa usar para o seguinte caso, o usuario vai publicar um banner, tem 10 categorias, mas ele pode escolher no maximo 4, como eu faco, tem algum jquery que faca isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maykel-ctba    233

Maykel-ctba
Postado

Você pode listar as categorias em checkbox e fazer um contador iniciando do 0 e pra cada clique acrescenta 1. Quando chegar a 4, você pode dar uma msg de alerta e um return false pra ele não deixar clicar mais. ACHO que isso daria certo! Aí se já tiver selecionado, retira 1 do contador, e por aí vai.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kakashi_Hatake    267

Kakashi_Hatake
Postado

Aí vai um exemplo

 

<html>
 <head>
   <script src="jquery-1.7.js"></script>
   <script>
  $( document ).ready( function( )
  {
	  var NumeroMaximo = 3;
	  $( "input[type='checkbox']" ).click( function( )
	  {
		  $( "#Mensagem" ).empty( );
		  if( $( "input[type='checkbox']" ).filter( ':checked' ).size( ) > NumeroMaximo )
		  {
			  $( '#Mensagem' ).html( 'Passou de ' + NumeroMaximo );
			  return false;
		  }
	  } )
  } );
   </script>
 </head>
 <body>
   <input type="checkbox"><label>Item 1</label>
   <input type="checkbox"><label>Item 2</label>
   <input type="checkbox"><label>Item 3</label>
   <input type="checkbox"><label>Item 4</label>
   <input type="checkbox"><label>Item 6</label>
   <input type="checkbox"><label>Item 6</label>
   <input type="checkbox"><label>Item 7</label>
   <input type="checkbox"><label>Item 8</label>
   <div id="Mensagem"></div>
 </body>
</html>

Compartilhar este post

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

Informação importante

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

  Aceito