[Resolvido] checkbox Selecionar todos

[Heber Almeida 0]

Olá galera, estive procurando algum código que faça esta função que desejo, ow o lance é o seguinte:

tenho estes checkbox

 

Tenho 3 Categoria a ser selecionado e este é problema cada campo check e cada um é um campo dentro da base de dados exemplo: campo1, Campo2, etc, procurei só achei com 1 categoria distinta, selecionando todo o form, será q alguém pode dar uma força!

 

SEG | TER | QUA | QUI | --- | SAB | DOM | TODOS

check check check check check check check check

 

 

SEG | TER | QUA | QUI | --- | SAB | DOM | TODOS

check check check check check check check check

 

 

SEG | TER | QUA | QUI | --- | SAB | DOM | TODOS

check check check check check check check check

[PauloRJ 4]

<script>
function selecionar_musica(retorno) 
{
var frm = document.cadastro;
	for(i = 0; i < frm.length; i++) 
	{
		if(frm.elements[i].type == "checkbox") 
		{
			if (frm.elements[i].name == "musica[]")
			{
			frm.elements[i].checked = retorno;
			}
		}
	}
}
</script>



<form method="post" name="cadastro" id="cadastro" action="index.php?a=cadastro" enctype="multipart/form-data">
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="axe" />Axé</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="eletronica" />Eletrônica</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="rap" />Rap</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="rock" />Rock</div></td>
    </tr>

    <tr>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="forro" />Forró</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="funk" />Funk</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="dance" />Dance</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="samba" />Samba</div></td>
    </tr>

    <tr>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="mpb" />MPB</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="blues&jazz" />Blues & Jazz</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="pop" />Pop</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="hiphop" />HipHop</div></td>
    </tr>

    <tr>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="reggae" />Reggae</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="surfmusic" />Surf-Music</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="pagode" />Pagode</div></td>
        <td><div align="left"><input name="musica[]" type="checkbox" id="checkbox" value="outros" />Outros</div></td>
    </tr>
    
        <tr>
    	<td colspan="3"> </td>
	</tr>

    <tr>
    	<td colspan="3"><div align="left"><input type="checkbox" name="checkbox" value="1" onClick="return selecionar_musica(this.checked);" />Selecionar todos</div></td>
	</tr>        
</form>
</table>

 

espero ter ajudado

[Heber Almeida 0]

Paulo é qse isso, mas o nome de cada campo é diferenteé possivel selecionar assim?

<input name="campo1" type="checkbox" id="checkbox" value="1" />

<input name="campo2" type="checkbox" id="checkbox" value="1" />

<input name="campo3" type="checkbox" id="checkbox" value="1" />

[Heber Almeida 0]

Consegui a solução com esse código. Resolvido! agradeço aos q ajudaram!

 

 

jquery-1[1].2.1.pack.js

 

check.js

$.fn.check = function(mode){
   var mode = mode || 'on'; //default
    return this.each(function(){
        switch(mode){
            case 'on':
                this.checked = true;
                break;
            case 'off':
                this.checked = false;
                break;
            case 'toggle':
              this.checked = !this.checked;
                break;
        }
    });
};

teste.php

<script LANGUAGE="JavaScript" src="jquery-1[1].2.1.pack.js"></SCRIPT>
<script LANGUAGE="JavaScript" src="check.js"></SCRIPT>
<script LANGUAGE="JavaScript">

$(function(){

$("#checkall1").click(function(){
$("input[@cssrain='one']").check('on');
})

$("#checkoff1").click(function(){
$("input[@cssrain='one']").check('off')
})

$("#checktog1").click(function(){
$("input[@cssrain='one']").check('toggle')
})


$("#checkall2").click(function(){
$("input[@cssrain='two']").check('on');
})

$("#checkoff2").click(function(){
$("input[@cssrain='two']").check('off')
})

$("#checktog2").click(function(){
$("input[@cssrain='two']").check('toggle')
})



})

</SCRIPT>
<p>jQuery</p><br><br>
Teste1<br>
<input type="checkbox" cssrain="one">Opção 1 <br>
<input type="checkbox" cssrain="one">Opção 2  <br>
<input type="checkbox" cssrain="one">Opção 3<br>
<input type="button" id="checkall1" value="Selecionar Todos"> <input type="button" id="checkoff1" value="Desmarcar Todos"> <input type="button" id="checktog1" value="Inverso">
<br><br><br>
Teste2<br>
<input type="checkbox" cssrain="two">Opção 1 <br>
<input type="checkbox" cssrain="two">Opção 2  <br>
<input type="checkbox" cssrain="two">Opção 3<br>
<input type="button" id="checkall2" value="Selecionar Todos"> <input type="button" id="checkoff2" value="Desmarcar Todos"> <input type="button" id="checktog2" value="Inverso">