JQuery从单选按钮更改值

Question

我有一个名为category必须根据所选单选按钮更改其值的变量.问题是我没有点击单选按钮或其他按钮,价值会立即改变.

这是我的代码:

<form>
<input type="radio" name="category" value="doctor" /> Doctor
<input type="radio" name="category" value="police" checked /> Policia
</form>

var category = $('[name="category"]:checked').val();

category单击单选按钮时,我需要您自动更改变量的值.

Answer 1

将事件处理程序附加到change事件:

$(':radio[name="category"]').change(function() {
  var category = $(this).filter(':checked').val();
});

Answer 2

每次用户更改所选单选按钮时,您都需要更改类别的值.因此,当用户点击收音机时,您需要触发一个事件.你可以查看FIDDLE

var category = null;
$("input[name='category']").click(function() {
    category = this.value;
});