Javascript 带有jquery的多个单选按钮表单

我有一个表单，它将根据数据库中的数据量，使用php动态显示多次。 在我们的例子中，假设我们有两个对象，通过这两个对象我们有两个相似的形式。例如：

<form name="form1">
  <li class="list-group-item">
    <div class="btn-group" data-toggle="buttons">
      <label class="btn btn-default">
        <input type="radio" name="options" class="btn btn-danger" value="no" id="option1" autocomplete="off"> Not going
      </label>
      <label class="btn btn-default">
        <input type="radio" name="options" class="btn btn-success" value="maybe" id="option2" autocomplete="off"> Maybe
      </label>
      <label class="btn btn-default">
        <input type="radio" name="options" class="btn btn-success" value="going" id="option3" autocomplete="off"> Going
      </label>
    </div>
  </li>
</form>

正如您所看到的，我正在创建一个新的var，以分配给每个表单值。 我正在寻找一个构建来根据创建的表单数量动态地构建它，而不必为每个硬编码表单创建一个var

谢谢

---

Nimi

这不是php问题，您可能是对的，但我正在使用php在代码中动态创建表单。因此，我教过这个解决方案可能需要将循环号从php传递到jquery。对于您需要的内容，请获取单选值？每次为每个表单选择单选按钮时，我都希望获取表单名称和单选值，并更新DB。这最终是我的计划。在事件处理程序中，

this.form.name

将是表单的名称，

this.value

将是选中单选按钮的值！

$(document).ready(function() {
    $("input:radio").change(function(){
        var form = $(this);
        var form1 = $('input:radio[name=options]:checked').val();
        var form2 = $('input:radio[name=options2]:checked').val();
        console.log("option 1:" + form1);
        console.log("option 2:" + form2);
    });
});