javascript - Jquery 选择多个 radio 输入

Question

假设我有两个 radio 输入，名称为 radio-1 和 radio-2，我将它们的输入存储在一个对象中，最终将其用作 json发出帖子请求。

  vals = {}
  $('input:radio[name=radio-1]').click(function() {
  vals['radio-1'] = $('input:radio[name=radio-1]:checked').val();
  });
  $('input:radio[name=radio-2]').click(function() {
  vals['radio-2'] = $('input:radio[name=radio-2]:checked').val();
  });

生成例如:val = {'radio-1':1,'radio-2':3}

现在，假设我有多个 radio 输入，radio-3、radio-355。等等...我希望能够将 radio-[0-9]+ 的所有值放入我的 val 字典中，而不必为每个值编写上面的代码他们。

我想到的伪代码是:

1. 查找已被点击的名称为 radio-[0-9]+ 的所有 radio
2. 将它们的值添加到 vals 字典中，并以名称作为键

Answer 1

使用 jQuery attribute starts with selector为所有名称以 radio 开头的单选元素编写点击事件。试试这个:

$('input:radio[name^=radio]').click(function() {
  vals[$(this).attr("name")] = $(this).val();
 });