Quando marcar um <mat-checkbox> desmarcar outro

31 de agosto de 2022 4 respostas

guilhermebhte 31 de agosto de 2022

Tenho dois <mat-checkbox>

Valor por embalagem

<mat-checkbox
*ngIf="
statusAtualPode() &&
!fornecedorF.marcouEmbalagem &&
!fornecedorF.marcouTudo
"
[value]="fornecedorF.marcouCheckboxEmbalagem"
[checked]="fornecedorF.marcouCheckboxEmbalagem"
(change)="
defineFornecedorItemEmbalagem($event, fornecedorF)
"
></mat-checkbox>

Valor unitário

<mat-checkbox
*ngIf="
statusAtualPode() &&
!fornecedorF.marcou &&
!fornecedorF.marcouTudo
"
[value]="fornecedorF.marcouCheckbox"
[checked]="fornecedorF.marcouCheckbox"
(change)="defineFornecedorItem($event, fornecedorF)"
></mat-checkbox>

Ele clicou no de 11,00. Quando ele clicar no 550,00, emitir uma mensagem de erro (Isto eu consegui). Mas não consegui desmarcar o mat-checkbox de 550,00 que foi clicado.

4 Respostas

Lucas_Camara 31 de ago. de 2022 1 like

Se for ter apenas 2 opções, vc pode apontar o value dos checkboxes para a mesma variável apenas negando em um dos componentes. Com isso, quando o valor da variável mudar (supondo que ela seja booleana), o resultado será da forma como vc espera.

Outra solução poderia trocar de check para radio.

O que vc acha?

guilhermebhte 31 de ago. de 2022

Na verdade não posso mudar para rádio.

Um tem o [value]=“fornecedorF.marcouCheckboxEmbalagem” o ou outro tem [value]=“fornecedorF.marcouCheckboxEmbalagem”.

O fornecedorF é uma array.

No typescript esta assim:

async defineFornecedorItem(
    tipo: MatCheckboxChange,
    modelo: any
  ): Promise<void> {
    if (tipo.checked) {
      this.fornecedoresItens.forEach((item) => {
        item.fornecedores.forEach((fornecedor: any) => {
          if (fornecedor.marcouCheckboxEmbalagem) {
            this.errorService.error({
              error: {
                texto: this.textoEmbalagem,
              },
            });
            this.cdr.detectChanges();
            this.fornecedores.find(
              (f: any) => f.marcouCheckbox
            ).marcouCheckbox = false;
            return;
          }
        });
      });
   }
}

Pelo que entendi deveria desmarcar o checkbox dos 11,00

fornecedorF.marcouCheckbox:

Lucas_Camara 31 de ago. de 2022 1 like

Faltou negar em um deles:

// checkbox embalagem
[value]="!fornecedorF.marcouCheckboxEmbalagem"

// checkbox unitário
[value]="fornecedorF.marcouCheckboxEmbalagem"

Veja se essa abordagem faz sentido.

guilhermebhte 31 de ago. de 2022

Não adiantou

Criado 31 de agosto de 2022

Ultima resposta 31 de ago. de 2022

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados