Как отслеживать, какой переключатель был выбран при отправке

Question

В настоящее время я настраиваю отслеживание GA в форме, содержащей 6 переключателей. Я хотел бы иметь возможность отправлять отслеживание событий в GA при отправке формы.

У меня сейчас есть

    $(function() {
    $('.className').change(function(){
      if($("input:#radiobutton1").is(":checked")){
          ga("send", "event", "category", "action", "label")
      }
    });
    $('.className').change(function(){
      if($("input:#radiobutton2").is(":checked")){
          ga("send", "event", "category", "action", "label")
      }
    });
    $('.className').change(function(){
        if($("input:#radiobutton3").is(":checked")){
            ga("send", "event", "category", "action", "label")
        }
      });
    $('.className').change(function(){
    if($("input:#radiobutton4").is(":checked")){
        ga("send", "event", "category", "action", "label")
    }
    });
    $('.className').change(function(){
    if($("input:#radiobutton5").is(":checked")){
        ga("send", "event", "category", "action", "label")
    }
    });
    $('.className').change(function(){
    if($("input:#radiobutton6").is(":checked")){
        ga("send", "event", "category", "action", "label")
    }
    });
  });


<form action="/" class="className" id="idName" method="post" name="name">


<fieldset id="start">

<label for="Option1">
<p><input type="radio" name="Methods" id="radiobutton1" value="1" onclick="OptionRadSelect(1, 'one');" data-option="one">Option 1<a href="/one" class="btn" rel="option" style="display: none;"></a></p></label>
<label for="Option2">
<p><input type="radio" name="Methods" id="radiobutton2" value="2" onclick="OptionRadSelect(2, 'two');" data-option="two">Option 2<a href="/two" class="btn" rel="option" style="display: none;"></a></p></label>
<label for="Option3">
<p><input type="radio" name="Methods" id="radiobutton3" value="3" onclick="OptionRadSelect(3, 'three');" data-option="three">Option 3<a href="/three" class="btn" rel="option" style="display: none;"></a></p></label>
<label for="Option4">
<p><input type="radio" name="Methods" id="radiobutton4" value="4" onclick="OptionRadSelect(4, 'four');" data-option="four">Option 4<a href="/four" class="btn" rel="option" style="display: none;"></a></p></label>
<label for="Option5">
<p><input type="radio" name="Methods" id="radiobutton5" value="5" onclick="OptionRadSelect(5, 'five');" data-option="five">Option 5<a href="/six" class="btn" rel="option" style="display: none;"></a></p></label>
<label for="Option6">
<p><input type="radio" name="Methods" id="radiobutton6" value="6" onclick="OptionRadSelect(6, 'six');" data-option="six">Option 6<a href="/seven" class="btn" rel="option" style="display: none;"></a></p></label>

</fieldset>

   <div class="proceed row-fluid" data-bind="click: submitForm"">
<a class="proceed btn active green" data-bind="text: $root.quickstart() ? $root.startOption().quickBtnText : $root.startOption().btnText, css: $root.startOption().btnClass" href="javascript:;">Submit</a>
</div>

</form>

Это работает нормально, так как отправляет событие GA ... но он отправит более одного события, если пользователь выберет переключатель, а затем передумает.

Я подумал, что, возможно, один из способов отправить только одно событие в GA - отправить его отправить форму?

Любая помощь по этому поводу приветствуется.

Спасибо

Отредактируйте, чтобы добавить: кнопка отправки не имеет input type = "submit", и я не могу получить доступ к html