Check if radio button is selected [duplicate]

0

I can not verify the following condition:

$("#calculo").click(function() {
  if ($("#opcao2").cheked()) {
    $("#segundoConteudo").css("display", "none")
  }
})
.labelFake {
  font-weight: bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><p><spanclass="labelFake">Opções:</span>
  <label>Opção 1</label>
  <input type="radio" name="perfilCliente" id="opcao1">
  <label>Opção 2</label>
  <input type="radio" name="perfilCliente" id="opcao2">
</p>
<div id="segundoConteudo">
  <p><span class="labelFake">List Drop Down:</span>
    <select>
      <option>Opção 1</option>
      <option>Opção 2</option>
    </select>
  </p>
  <p><span class="labekFake">Selecione o produto:</span>
    <select class="prods">
      <option>Produto...</option>
    </select>
  </p>
  <button id="calculo">Calcular</button>
</div>

In short, I want to see that when #opcao2 is selected, the "second content" div does not appear.

    
asked by anonymous 12.01.2017 / 12:42

1 answer

3

The correct one is to use #:

$("elem").prop("checked");

Instead of:

$("#opcao2").cheked()

$("#calculo").click(function() {
  if ($("#opcao2").prop("checked")) {
    $("#segundoConteudo").css("display", "none")
  }
})
.labelFake {
  font-weight: bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><p><spanclass="labelFake">Opções:</span>
  <label>Opção 1</label>
  <input type="radio" name="perfilCliente" id="opcao1">
  <label>Opção 2</label>
  <input type="radio" name="perfilCliente" id="opcao2">
</p>
<div id="segundoConteudo">
  <p><span class="labelFake">List Drop Down:</span>
    <select>
      <option>Opção 1</option>
      <option>Opção 2</option>
    </select>
  </p>
  <p><span class="labekFake">Selecione o produto:</span>
    <select class="prods">
      <option>Produto...</option>
    </select>
  </p>
  <button id="calculo">Calcular</button>
</div>
    
12.01.2017 / 12:46