从单选按钮调用ajax

Calling ajax from radio button

本文关键字：ajax 调用 单选按钮      更新时间：2023-09-26

我有一个输入，比如：

 <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调试器中也不会出现任何错误。我想我错过了一些简单的东西，但不确定是什么。

我想这就是您要搜索的：

$(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;，这样页面就不会刷新。

相关文章：