Ir para conteúdo

POWERED BY:

Arquivado

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

pinoc

Jquery Block

Recommended Posts

Bom dia.

 

É o seguinte eu tenho uma listagem estou querendo colocar um checkbox principal no topo para selecionar todos os outros checkbox, até ai tudo certo já fiz, porem na minha listagem eu tenho vários blocks e ao clicar em qual quer checkbox do titulo ele seleciona todos os outros sendo que o correto seria selecionar apenas do block dele.

 

Exemplo:

 

--block1--

check principal --- Titulo 1

--- check -- conteudo 1 do titulo 1

--- check -- conteudo 2 do titulo 1

--end block1--

 

--block2--

check principal --- Titulo 2

--- check -- conteudo 1 do titulo 2

--- check -- conteudo 2 do titulo 2

--end block2--

 

 

Codigo que estou usando para selecionar os check

$(".selected").toggle(
            function(){
                $("input:checkbox").attr("checked",true);
            },
            function(){
                $("input:checkbox").attr("checked",false);
            }
        )

Não sei se minha logica seria a mais correta oque pensei é isolar o block fazendo o jquery saber que ele so esta selecionando aquele block, isso é possível certo?

 

Obrigado desde já.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui fazer da seguinte forma mais ou menos oque eu queria.

function check(val) {
   $(".selected").change(function(){
       $('input[data-select="' + val + '"]').prop('checked', $(this).prop("checked"));
   });
}
<input type="checkbox" onClick="check(this.value)" class="selected pull-left" value="<?=$v[0]->estado.$v[0]->cidade?>" name="select"/>

Porem ta com um problema que não entendi o motivo dele, ao clicar pela primeira vez funciona perfeitamente dando checked nos checkbox daquele bloco, ao clicar novamente ele tira o checked daquele bloco tudo certo até ai, porem ao clicar para dar checked em outro bloco ou no mesmo novamente ele da checked em todo e não apenas nos checkbox daquele bloco.

 

Algum por favor poderia me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui resolver.

Segue como fiz para quem tiver o mesmo problema.

$('.selected').on('click', function(){
    if(this.checked){
       $('input[data-select="' + this.value + '"]').prop('checked', true);
    }else{
       $('input[data-select="' + this.value + '"]').prop('checked', false);
    }
});
<input type="checkbox" class="selected pull-left" value="<?=$v[0]->estado.$v[0]->cidade?>" name="select"/>

Obrigado a quem leu.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.