jQuery 仅获取第一个单选按钮值

Question

找遍了，还是不行。我有这个广播组：

var tipo = jQuery("input[name=tipo]:checked").val();

  teste.click(function(){
    console.log(tipo);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="divLabel"><label for="tipo">Tipo:</label></div>
  <div class="divInput">
    <input type="radio" name="tipo" value="0" id="tipo_1" class="tipo" checked>
      Diárias
      <input type="radio" name="tipo" value="1" id="tipo_2" class="tipo">
      Indenização de Campo
</div>

但是当我更改单选按钮选项时，var tipo 没有获得当前值。它始终只显示值 0。

我错过了什么？

Answer 1

您可以按照

$(document).ready(function(){
    $('input[type=radio][name=tipo]').change(function(){
        var value = $(this).val();
          alert(value);
    });
});

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
  <div class="divLabel"><label for="tipo">Tipo:</label></div>
    <div class="divInput">
       <input type="radio" name="tipo" value="0" id="tipo_1" class="tipo" checked>Diárias
      <input type="radio" name="tipo" value="1" id="tipo_2" class="tipo">Indenização de Campo
    </div>
</body>
</html>

jQuery 仅获取第一个单选按钮值

jQuery only getting first radio button value

jquery

radio-group

radio-button