Ir para conteúdo

POWERED BY:

Arquivado

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

AP Silva

[Resolvido] Habilitar e desabilitar checkbox

Por , em Javascript

Recommended Posts

AP Silva    0

AP Silva
Postado

Bom dia galera

 

Sou novo na área de desenvolvimento e no fórum

 

To precisando de uma ajudinha

 

To com um formulário que contem 10 campos checkbox queria saber como faço

em jquery, que após marcar dois campos qualquer desses 10 os outros 8 campos checkbox

fiquem desabilitado.

 

valeu desde já

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Toma ai um exemplo bacana em jquery

 

http://jsbin.com/irapu

 

o code aqui

 

<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> 

<script>var NumeroMaximo = 3;
$("input").click(function()
{
 $("#Mensagem").empty();
 if ($("input").filter(":checked").size() > NumeroMaximo)
 {
   $("#Mensagem").html("Passou de " + NumeroMaximo);
   return false;
 }
})
</script>

 

outros exemplos

 

http://danmrichards.wordpress.com/2010/12/22/limit-checkbox-selection-with-jquery/

http://www.jimlam.com/jquery/limit-the-number-of-checkboxes-a-user-can-select-with-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites

AP Silva    0

AP Silva
Postado

Galera estou disponibilizando o meu código depois de manipular, com ajuda de vcs ae do forum


<html>
<head>
<title>Untitled</title>

<script language="JavaScript" src="js/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="js/jquery.field.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(
	function (){

		// set the limit selections
		setLimitSelection();
	}
);

function setLimitSelection(){
	$('input[name="chkLimit"]').limitSelection(
		{
			// number of items to limit to
			limit: 2,
			// on error, do this
			onfailure: function (n){
				$("#idCheckboxMsg").html(
					"You can not select more than " + n + " items."
				);
				return false;
			},
			// on success, do this
			onsuccess: function (n){
				$("#idCheckboxMsg").html("");
				return false;
			}
		}
	);
	$('select[name="selLimit"]').limitSelection(2);
}

</script></head>
<body>
<input type="checkbox" name="chkLimit" id="chkLimit_1" value="1" /> 
			Option 1
			<input type="checkbox" name="chkLimit" id="chkLimit_2" value="2" /> 
			Option 2
			<input type="checkbox" name="chkLimit" id="chkLimit_3" value="3" /> 
			Option 3
			<input type="checkbox" name="chkLimit" id="chkLimit_4" value="4" /> 
			Option 4
			<input type="checkbox" name="chkLimit" id="chkLimit_5" value="5" /> 
			Option 5
               <div id="idCheckboxMsg"></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