Selecionar checkbox e desmarcar o que está selecionado

[PRWEB 0]

Bom dia galera!

 

Por favor estou com um problema no seguinte caso:
Tenho uma tela aonde aparece os produtos que vieram para manutenção, uma OS.

Nessa OS posso ter 1, 5, 10, 100, 201 produtos, e tenho 2 campos (checkbox) se caso for troca garantia eu seleciono ou se for sem conserto eu seleciono, sendo que não deixa selecionar os 2.

Só que quando é um lote de produtos eu tenho um ckeckbox que marca todos os ckeckbox por exemplo: troca garantia e habilita um campo para adicionar o motivo.

 Não estou conseguindo fazer com a mesma logicas dos ckeckboxs individuais, onde se clico em troca garantia ele marca e se marcar sem conserto desmarca troca garantia.

Preciso fazer o mesmo quando seleciono todos se marco troca garantia ele marca todos troca garantia e se eu marcar sem conserto desmarca todos os trocas garantia.

 

O código que uso para desmarcar os troca garantia e sem conserto individual é esse:

            $(document).ready(function(){// Aivando e desativando checkbox (Conserto e Garantia)
                $('input.line_checkbox').change(function() {
                    let line = $(this).data('line');
                    $('input.line_checkbox[data-line='+line+']').not(this).prop('checked', false);
                    $('textarea.campos_cadastro[data-line='+line+']').empty().hide('fast');

                    if ($(this).is(':checked')) {
                        $('textarea[id="motivo_'+$(this).attr('id')+'"]').show('slow');
                    }
                });

                function loadMotivo() {
                    $.each($('input.line_checkbox:checked'), function(index, value) {
                        $('textarea[id="motivo_'+$(value).attr('id')+'"]').show('fast');
                    });
                }
                
                loadMotivo();

 

E nos checkbox coloco isso: data-line="<%=i%>" class="line_checkbox"

 

Poderiam me ajudar para resolver essa questão referente ao selecionar todos?

Estou a dias quebrando a cabeça mais não estou conseguindo.

 

Obrigado desde já.

 

Paulo Rogério

[Omar~ 87]

Se eu entendi você precisa marcar um input, dentre outros inputs, mas somente 1 pode ser selecionado dos 2 ou mais input's.

Nesse caso o uso do radio ao invés do checkbox é a solução:

 

<input type="radio" name="exemplo" value="1" checked />
<input type="radio" name="exemplo" value="2" />

[PRWEB 0]

Oi Omar tudo bem, boa tarde.

Então a questão de utilizar o radio é se eu marcar ele não consigo desmarcar.

Tipo marquei por engano o radio troca garantia e não era para selecionar nem troca garantia ou sem conserto. Se marco ai como vou desmarcar?

 

3 minutos atrás, Omar~ disse:

Boa

 

[Omar~ 87]

1 hora atrás, PRWEB disse:

Se marco ai como vou desmarcar?

Nesse caso podemos usar sim checkbox e fazer através de script o mesmo que o browser faz com o radio, a diferença é que não atacamos o input atual.

 

<input type="checkbox" name="exemplo_A" value="1" class="exemplo" />
<input type="checkbox" name="exemplo_B" value="2" class="exemplo" />
<input type="checkbox" name="exemplo_C" value="3" class="exemplo" />

<script>
    var checkBox = document.getElementsByClassName('exemplo'), i;
    // document.getElementsByTagName('exemplo'); /* Use isso se quiser deixar todos checkbox com o mesmo nome */

    for (i = 0; i < checkBox.length; i++) {
        checkBox[i].addEventListener('change', marcarCaixa, false);
    }

    function marcarCaixa(e) {
        for (i = 0; i < checkBox.length; i++) {
            if (checkBox[i] !== e.target) {
                checkBox[i].checked = null;
            }
        }
    }
</script>

 

[PRWEB 0]

Bom dia Omar tudo bem?

Então eu já consigo desmarcar quando seleciono outro checkbox.

O problema que estou tendo é desmarcar vários checkbox, exemplo seleciono o checkbox TROCA GARANTIA e ai tenho 5 produtos ele vai selecionar todos os checkbox: troca garantia dos 5 produtos, se eu escolher o checkbox SEM CONSERTO ele vai marcar também os 5 produtos, mas preciso que desmarque os 5 troca garantia. Entendeu?

 

Esse código faz com que marca e desmarca todos os checkbox:

SEM CONSERTO:

function marca_desmarca(quant_cb,bloqueio_check_rma)
{
    if (bloqueio_check_rma == '0')
    {
        alert('VOCÊ NÃO TEM PERMISSÃO');
        document.getElementById("checkbox_master").checked = false;
    }

    else
    {
        var master = document.getElementById("checkbox_master");

        var cb;

        for(var i=1;i<=quant_cb;i++)
        {
            cb = document.getElementById("s_conserto_" + i);
            cb.checked = master.checked;
        }
    }
}

 

TROCA GARANTIA:

function marca_desmarca2(quant_cb,bloqueio_check_rma)
{
    if (bloqueio_check_rma == '0')
    {
        alert('VOCÊ NÃO TEM PERMISSÃO ');
        document.getElementById("checkbox_master2").checked = false;

    }
    else
    {
        var master = document.getElementById("checkbox_master2");

        var cb;

        for(var i=1;i<=quant_cb;i++)
        {
            cb = document.getElementById("troca_garantia_" + i);
            cb.checked = master.checked;
        }
    }
}

 

Obrigado desde já.

[PRWEB 0]

Obrigado consegui resolver!!!!!

 

Fiz assim:

function marca_desmarca(quant_cb,bloqueio_check_rma)
{
    if (bloqueio_check_rma == '0')
    {
        alert('VOCÊ NÃO TEM PERMISSÃO');
        document.getElementById("checkbox_master").checked = false;
    }

    else
    {
        var master = document.getElementById("checkbox_master");
        if ( master.checked )
        {
            document.getElementById('d1').style = 'display: block;';
        }

        var cb;
        var desmarca;

        for(var i=1;i<=quant_cb;i++)
        {
            cb = document.getElementById("s_conserto_" + i);
            cb.checked = master.checked;

            if ( master.checked )
            {
                cb = document.getElementById("troca_garantia_" + i);
                cb.checked = false;

                desmarca = document.getElementById("checkbox_master2");
                desmarca.checked = false;

                document.getElementById('d2').style = 'display: none;';
            }
        }
    }
}

 

E deu certo

 

Muito obrigado