2014-04-12 124 views
0

AJAX调用我有一个像输入:从单选按钮

<input id="offline-42" onclick="javascript:checkoutSwitch(false);controlDivPayment('42');" name="payment" type="radio" value="offline-42" /> 

我想用ajax选择此单选按钮时将产品添加到购物车。我试图:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#offline-42').submit(function() { 
      jQuery.ajax({ 
       url: 'add_cart.asp', 
       data: { 
        quick: 1 
        item_id: 16 
       } 
      }); 
     } 
    } 
</script> 

但是,当按钮被选中时,这并没有做任何事情,在chrome调试器中也没有任何错误。我想我错过了一些简单的东西,但不知道是什么。

+0

submit()在输入元素上? – lifetimes

+0

@null我对javscript,jquery和ajax很陌生。正在关注一些在线指南......“互联网的智慧”。这应该是'.select()'而不是? – SnakeDoc

+0

1.)你的onclick处理程序中的“javascript:”协议是多余的。 2.)你的服务器返回什么? JSON?如果是这样的话,getJSON()方法可能更容易使用。 3.)当你得到数据时,你打算如何处理这些数据? – scunliffe

回答

0

我觉得这是你要搜索的内容:

$(document).ready(function() { 
    $('#offline-42').closest('form').submit(function() { 
     jQuery.ajax({ 
      url: 'add_cart.asp', 
      data: { 
       quick: 1 
       item_id: 16 
      } 
     }); 
     return false; 
    }); 
}); 

它连接的事件处理程序的形式,而不是无线电控制,也return false;所以页面不会刷新。