Javascript 使用jquery获取单选按钮的值

我有这部分代码：

var checkout_options=$（“#checkout”）.find（“input[type='radio']”）；
$（“#按钮帐户”）。在（'click'，函数（）{
警报（签出选项.value）；
});

签出选项：

登记帐户


客人结账
您需要使用
this
引用回调中的元素。因此，使用或方法获取值。尽管避免伪类选择器，否则它只选择第一个元素


var selected=$（“#checkout”）.find（“input[type='radio']”）；
选中。更改（函数（）{
警报（该值）；
});

签出选项：

登记帐户


客人结账
您需要使用
this
引用回调中的元素。因此，使用或方法获取值。尽管避免伪类选择器，否则它只选择第一个元素


var selected=$（“#checkout”）.find（“input[type='radio']”）；
选中。更改（函数（）{
警报（该值）；
});

签出选项：

登记帐户


客人结账
您的处理程序仅连接到选中的单选按钮，因此不存在第二个单选按钮的处理程序。将处理程序附加到两个单选按钮：

var $radioBtn = $( "#checkout" ).find( "input[type='radio']" );

$radioBtn.on( 'change', function() {
  if ( this.checked ) {
    alert( this.value );
  }
});

您的处理程序仅附加到选中的单选按钮，因此第二个单选按钮不存在处理程序。将处理程序附加到两个单选按钮：

var $radioBtn = $( "#checkout" ).find( "input[type='radio']" );

$radioBtn.on( 'change', function() {
  if ( this.checked ) {
    alert( this.value );
  }
});

它不起作用，因为您只为最初选中的值注册事件处理程序。这就是如何使其动态反映值的变化：

var selected = $("#checkout").find("input[name='account']");
selected.change(function(){
    alert($(this).val());
});

这还确保只包括当前单选按钮组，因此您可以有其他单选按钮组

Jsfiddle：
它不起作用，因为您只为最初选中的值注册事件处理程序。这就是如何使其动态反映值的变化：

var selected = $("#checkout").find("input[name='account']");
selected.change(function(){
    alert($(this).val());
});

这还确保只包括当前单选按钮组，因此您可以有其他单选按钮组

Jsfiddle：
只要使用

$（“input[type='radio']）。在（“change”，function（）上{
console.log（this.id+“checked！”）；
});

它在radio类型的所有输入上绑定一个事件侦听器

无需将选择器存储在变量中（除非您在代码的其他地方使用它）
只需使用

$（“input[type='radio']）。在（“change”，function（）上{
console.log（this.id+“checked！”）；
});

它在radio类型的所有输入上绑定一个事件侦听器

无需将选择器存储在变量中（除非您在代码的其他地方使用它）
感谢您的帮助，但它不起作用。尝试你的代码谢谢你提供的帮助，但它不起作用。试试你的代码