多个单选按钮与jquery形成

时间:2016-03-12 23:29:24

标签: javascript jquery forms

根据数据库中的数据量,我有一个动态多次呈现的表单。 对于我们的例子,假设我们有2个对象,我们有两个相似的形式。例如:

<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>

我当前的jquery代码是:

$(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);
    });
});

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

谢谢,

Nimi敬上

0 个答案:

没有答案