Javascript 使用Jquery更改选中单选按钮ID

我有一组单选按钮，我希望使用jQuery查找所选单选按钮ID

这是我的一组单选按钮，带有以下jQueryCode——每当我更改单选按钮时，我都会收到一个“未定义”的警报

$radios.onchange，函数{ myID=$radios.nextAll:radio:checked.first.attr'id'； alertmyID； }; X-01 X-02 X-03 M-01 M-02 M-04 L-01 L-02

---

由于单选按钮是radios div的子项，因此需要使用

获取当前匹配元素集中每个元素的子元素，并通过选择器、jQuery对象或元素进行筛选

代码，还使用单选按钮绑定更改事件

$( "#radios input:radio" ).on( "change", function() {
   myID = $("#radios").find(":radio:checked").first().attr('id');
   alert(myID);
});

---

注意：您也可以使用，但是.children方法不同于.find

由于单选按钮是radios div的子项，因此需要使用

获取当前匹配元素集中每个元素的子元素，并通过选择器、jQuery对象或元素进行筛选

代码，还使用单选按钮绑定更改事件

$( "#radios input:radio" ).on( "change", function() {
   myID = $("#radios").find(":radio:checked").first().attr('id');
   alert(myID);
});

注意：您也可以使用，但是.children方法不同于.find

您需要使用find方法获取收音机

演示：

您需要使用查找方法获取收音机

演示：

您需要

1将更改事件附加到输入元素，而不是附加到带有id收音机的div

2，然后在其中查找选中的元素。 :

你需要

1将更改事件附加到输入元素，而不是附加到带有id收音机的div

2，然后在其中查找选中的元素。 :

$radios。更改时，功能{ myID=$this.find:radio:checked.first.attr'id'； alertmyID； }; X-01 X-02 X-03 M-01 M-02 M-04 L-01 L-02 $radios。更改时，功能{ myID=$this.find:radio:checked.first.attr'id'； alertmyID； }; X-01 X-02 X-03 M-01 M-02 M-04 L-01 L-02 检查输入上的事件并获取已检查收音机的id。试试-

$( "#radios input" ).on( "change", function() {
myID = $("#radios input:radio:checked").attr('id');
  alert(myID);
});

检查输入上的事件并获取已检查收音机的id。试试-

$( "#radios input" ).on( "change", function() {
myID = $("#radios input:radio:checked").attr('id');
  alert(myID);
});

---

虽然更改事件由于冒泡而工作，但最好将事件绑定到实际触发更改事件的元素：

$("#radios").on("change", 'input', function() {
  var myID = $("#radios input").filter(":radio:checked").first().attr('id');
  alert(myID);
});

---

虽然更改事件由于冒泡而工作，但最好将事件绑定到实际触发更改事件的元素：

$("#radios").on("change", 'input', function() {
  var myID = $("#radios input").filter(":radio:checked").first().attr('id');
  alert(myID);
});

---

嘿，这很有效，但我遇到了一个问题。因为我使用的是这个Jquery插件，所以该函数只在单击文本时运行，而不在单击单选按钮时运行。标准的$radios可以同时使用按钮和文本，但在添加“input:radio”时会中断。有什么提示吗？我使用以下代码片段使其工作：$radios.onchange，函数{myID=$radios.find:radio:checked.first.attr'id'；//^^^^^^ alertmyID；}；谢谢你的帮助嘿，这很有效，但是我遇到了一个问题。因为我使用的是这个Jquery插件，所以该函数只在单击文本时运行，而不在单击单选按钮时运行。标准的$radios可以同时使用按钮和文本，但在添加“input:radio”时会中断。有什么提示吗？我使用以下代码片段使其工作：$radios.onchange，函数{myID=$radios.find:radio:checked.first.attr'id'；//^^^^^^ alertmyID；}；谢谢你的帮助