Publicado em 11 de jan.

[Resolvido] Habilitar e desabilitar checkbox

#javascript

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á

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Patrique· 11 de jan.

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/

AP Silva· 11 de jan.

Valeu!!!

Brigadão!!!!

Muito legal o fórum...

Patrique· 11 de jan.

Beleza, boa sorte com o projeto. ;)

[]'s

AP Silva· 11 de jan.

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>

Patrique· 11 de jan.

Parabéns pela solução e obrigado por compartilhar o resltado.

[]'s