2014-04-12 176 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;所以頁面不會刷新。