2 replies to this topic

[André Cristhian]

Não sei se aqui é exatamente o lugar para postar isso mais estou tentando fazer uma função para que dentro de um label exiba vários checkbox até ai tudo bem, tudo certo ja está aparecendo mais gostaria de sei la colocar um botão ou algum link para que quando eu clicar por exemplo: SELECT ALL ele selecione todos os checkbox daquela determinada label pois tenho mais de 1 label com checkbox eu consegui de uma maneira aqui mais quando eu clico em SELECT ALL ele seleciona todos os itens de todas as label.

no caso tenho este label com checkbox:

//PRIMEIRA LABELL
<label>
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
</label>

//SEGUNDA LABELL
<label>
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
</label>

//esse abaixo é o que estou usando e ele que está selecionando todos os checkbox de todas as label e como disse queria que selecionasse só os checkbox de uma label
<script LANGUAGE="JavaScript">
	function checkAll(field)
	{
	for (i = 0; i < field.length; i++)
		field[i].checked = true ;
	}
	
	function uncheckAll(field)
	{
	for (i = 0; i < field.length; i++)
		field[i].checked = false ;
	}
</script>


<input type="button" name="CheckAll" value="Selecionar Todos" onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Descelecionar Todos" onClick="uncheckAll(document.myform.list)">

no caso precisaria de um argumento ou menu ou botao que selecionase os checkbox somente da label primeira e nao selecionasse os da segunda... só isso

Obrigado pela atenção!

Edição feita por: André Cristhian, 29/06/2012, 10:11.

[Ticreca]

Da uma olhada nessa funcao.
v se te ajuda.
nesse caso sao os campos dentro de uma div.

via javascript

 function select_all(formulario, campo)
{
    var d = formulario.getElementsByTagName('input');   

    if(campo.checked)
    {
        for(var i = 0; i < d.length; i++)
        {
            if((d[i].type == "checkbox"))
            {
                d[i].checked = true;
            }
        }
    } 
    else
    {
        for(var i = 0; i < d.length; i++)
        {
            if((d[i].type == "checkbox"))
            {
                d[i].checked = false;
            }
        } 
    }
}

html:

<form id="form1">
    <div id="div_1">
        <input type="checkbox" name="chk_1" value="0"/>1
        <input type="checkbox" name="chk_2" value="1"/>2
        <input type="checkbox" name="chk_3" value="2"/>3
        <input type="checkbox" name="chk_4" value="3"/>4
        <input type="checkbox" name="chk_5" value="4"/>5
        <input type="checkbox" name="chk_6" value="5"/>6

        <input type="checkbox" name="todos" value="x" onclick="select_all(document.getElementById('div_1'),this)"/>todos
    </div>
            
    <div id="div_2">
         <input type="checkbox" name="chk_7" value="0"/>7
         <input type="checkbox" name="chk_8" value="1"/>8
         <input type="checkbox" name="chk_9" value="2"/>9
         <input type="checkbox" name="chk_10" value="3"/>10
         <input type="checkbox" name="chk11" value="4"/>11
         <input type="checkbox" name="chk_12" value="5"/>12

         <input type="checkbox" name="todos1" value="x" onclick="select_all(document.getElementById('div_2'),this)"/>todos
     </div>
                
</form>

na minha opiniao,nao vejo necessidade de criar duas funcoes e dois cheks um pra marcar e outro pra desmarcar todas.
pensa no seguinte. se clicar no marcar todas, marca todas, de clicar novamente e desmarcar o campo, desmarca todas.

eh soh uma sugestao. nao sei se seu sistema exige que seja os dois.

Edição feita por: Ticreca, 04/07/2012, 08:44.

[Jefferson Ventura]

Exemplo em funcionamento: http://code.j2v.com....t-checkbox-all/

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="label1">
     <h3>Grupo Label 1</h3>
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
	 <br />
	 <input type="button" name="select-all-label1" id="select-all-label1" value="Selecionar Todos" />
</div>

<div id="label2">
     <h3>Grupo Label 2</h3>
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
     <input class="clase_input_text_area nova_clase" type="checkbox" name="cliente1" id="list" />
	 <br />
	 <input type="button" name="select-all-label2" id="select-all-label2" value="Selecionar Todos" />
</div>
<script type="text/javascript">
function selectAll(e){
    if($('input[type="checkbox"]', $('#' + e)).attr('checked')){
        $('input[type="checkbox"]', $('#' + e)).removeAttr('checked');
		$('#select-all-' + e).val('Selecionar Todos');
    }else{
	$('input[type="checkbox"]', $('#' + e)).attr('checked', 'checked');
	$('#select-all-' + e).val('Desmacar Todos');
    }
}
	
$(document).ready(function(){
    $('input[name^="select-all"]').click(function(e){
	var label = e.currentTarget.name;
	label = label.split('-');
	selectAll(label[2]);
    });
});
</script>