Dynamic checkbox does not display the checkbox arrow

Question

Dynamic checkbox does not display the checkbox arrow

Navigation

#1 by (0 votes)

0

I have a checkbox that even selected does not show the check item. This attribute is created dynamically. See the image:

Whenclickeditwouldhavetobeselectedlikethis:

FollowthecodewhenIclickonthecheckbox:

$(document).on("click",".preco-prod-adicional",function(e)
{
  e.preventDefault();

  if ($(this).attr('checked') == 'checked')
  {
    alert('selecionado');
    $(this).attr('checked',true);
    var precoproduto = "";
    var valortotal = "";
    var subtotal = 0;
    var resultadoitem = "";
    var replacetotal = "";

    precoproduto = $(this).val();
    valortotal = $(".total-v .v-lor").text();
    subtotal = somarValorTotal(precoproduto, valortotal);
    replacetotal = subtotal.replace(',','.');
    resultadoitem = $(".right-imagem .valor-total .total-v .v-lor").html(replacetotal);
  }
  else
  {
      $(this).attr('checked',false);
  }

});

HTML checkbox:

<input type='checkbox' class='preco-prod-adicional' name='checkadicional' value='" + precoprodadicional[0] + "' id='" + prodadicional[i] + "'/>

javascript jquery

asked by anonymous 14.07.2017 / 22:44

1 answer

Get the value of a session in php Group employees by company in query

score 0 · Answer 1

If the idea is to do something when it gets checked or unchecked , it's best to use the change event and check the status of checked with .is(":checked")

Example:

$(".preco-prod-adicional").change(function(){
  
  if ($(this).is(":checked"))
  {
    //código para quando está checked
    console.log("Está checked");
  }
  else
  {
    //código para quando não está checked
    console.log("Não esta checked");
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype='checkbox'class='preco-prod-adicional'name='checkadicional'value='" + precoprodadicional[0] + "' id='" + prodadicional[i] + "'/>