Selecionar no máximo 4 checkbox

[diasgabrie 0]

Amigos, alguém teria um script que não permiteria ao usuário selecionar mais de 4 checkbox?

 

Por exemplo:

 

<td><input type="checkbox"  name="cj[]" value="13">Panelas de inox</td>
<td><input type="checkbox"  name="cj[]" value="12">Saco de Boxe 90cm</td>
<td><input type="checkbox"  name="cj[]" value="10">Livro A Cabana</td>
<td><input type="checkbox" checked name="cj[]" value="9">Calotas (todos os tipos)</td>
<td><input type="checkbox" checked name="cj[]" value="8">Guitar Hero 2 Para PS2</td>
<td><input type="checkbox" checked name="cj[]" value="7">Game : Mário vs Sonic Olimpic Games</td>

Ele poderia selecionar a panela, saco, livro e a calota. Quando tentar selecionar guitar daria um alert que já atingiu o número permitido. De modo que se ele tirar a seleção da panela por exemplo poderá selecionar a guitarra.

 

Obrigada,

Gabriela

[macielcr7 9]

<script language="javascript">
total = 0;
function maciel(objeto)
{       
if (objeto.checked)
        total++
else
        total--


if (total >2)   
{
alert( "Só pode marcar 2" );
        objeto.checked = false;
        total--
}
}
</script>


<form name="frm">
<input type="checkbox" name="chk1" onclick="maciel(this)">
<input type="checkbox" name="chk2" onclick="maciel(this)">
<input type="checkbox" name="chk3" onclick="maciel(this)">
<input type="checkbox" name="chk4" onclick="maciel(this)">
</form>

:) :D http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

macielc.ronaldo@hotmail.com

[Thiago Retondar 18]

Fácil. Faça assim:

 

 

window.onload = function(){
    var cj = document.getElementsByName('cj[]');
    var selected = 0;
    for(var i = 0; i < cj.length; i++){
        if(cj[i].checked){
            selected++;
        }
        cj[i].onclick = function(){
            if(this.checked)
                selected++;
            if(selected > 4){
                this.checked = false;
                alert('Você só pode escolher até 4 produtos!');
            }
        };
    }
};

 

Deixei sem um detalhe aê. Se você estudar o código vai saber do que estou falando e conseguir, possivelmente, completar o código.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif