Question

我有一个输入：

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

Answer 1

我认为这就是你要找的东西：

$(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;，因此页面不会刷新。

从单选按钮调用ajax

1 个答案: