0

Eu tenho estes dois campos checkbox

 <label class="control-label col-md-3" style="text-align:left;">Tipo de Pedido</label>
 <div class="col-sm-3" style="text-align:left;">
      <input type="checkbox" asp-for="Produtos" onclick="checkProduto();"/>
      <label asp-for="Produtos" class="control-label"></label>
      <span asp-validation-for="Produtos" class="text-danger"></span>
 </div>
 <div class="col-sm-3" style="text-align:left;">
      <input type="checkbox" asp-for="Servico" onclick="checkServico();"/>
      <label asp-for="Servico" class="control-label"></label>
      <span asp-validation-for="Servico" class="text-danger"></span>
 </div>

Porém ele não reconhece que está marcado, quando eu faço um console.log($("#Produtos")); console.log($("#Servico")); Ele sempre me retorna false, não consigo entender.

3
  • 3
    # procura pelo id e nenhum dos inputs tem um id definido Commented 15/10/2018 às 18:45
  • 3
    Saber se está marcado é feito com $("#Produtos").is(":checked")
    – Isac
    Commented 15/10/2018 às 18:45
  • Era exatamente isso que eu queria, obrigado @Isac
    – Mariana
    Commented 15/10/2018 às 18:50

1 Resposta 1

3

Você pode passar o seletor atual para a função usando o this

function checkProduto(chekProduto) {
  console.log($(chekProduto).is(':checked'))
}


function checkServico(chekServico) {
  console.log($(chekServico).is(':checked'))
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label class="control-label col-md-3" style="text-align:left;">Tipo de Pedido</label>
<div class="col-sm-3" style="text-align:left;">
  <input type="checkbox" asp-for="Produtos" onclick="checkProduto(this);" />
  <label asp-for="Produtos" class="control-label"></label>
  <span asp-validation-for="Produtos" class="text-danger"></span>
</div>
<div class="col-sm-3" style="text-align:left;">
  <input type="checkbox" asp-for="Servico" onclick="checkServico(this);" />
  <label asp-for="Servico" class="control-label"></label>
  <span asp-validation-for="Servico" class="text-danger"></span>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .