使用带有onClick事件的jquery提交单选按钮的值


submit value of radio button with jquery with onClick event

我在一个页面上有一个简单的切换按钮,它使用两个无线电输入:

Foo: 
<input type='radio' name='foo' value='bar'> Bar <br>
<input type='radio' name='foo' value='fru'> Fru 

有没有一种简单快捷的方法(最好使用JQuery)可以在每次单击foo时异步提交它的值?

上面的单选按钮是页面上唯一的表单元素。

可能是这样的吗?

<script>
    $(document).ready(function() {
      $("input:radio").change(function(){
         $.post('ajaxScriptLocation.php', { "foo": $(this).val() }, function(data) {
           // do whatever with data result.
         });
      });
    });
</script>