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



我到处找了一遍,仍然没有找到。我有一个无线电小组:

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>

但是当我更改单选按钮选项时,vartipo不会得到当前值。它总是只显示值0

我错过了什么?

您可以按照进行操作

$(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>

最新更新