添加購物車按鈕的jQuery問題

Question

嗨，我有一個顯示金額的問題。我在此頁面上有名為“付款”的頁面，我做了三個單選按鈕，如果我單擊該按鈕，則必須像產品一樣添加addcart。

<form method="post" form name="make_payment_frm" action="module/make-payment-module.php" onsubmit="return show_make_payment_validation();" >

    <form id='theForm'>
    <input type="hidden" name="totalamount" id="totalamount" value="1" />
input type="radio" name="rmr"  id="payment1" value="3" onclick="updatepayment(this.value)" />
input type="radio" name="rmr"  id="payment2" value="5.5" onclick="updatepayment(this.value)"/>
input type="radio" name="rmr"  id="payment4" value="10" onclick="updatepayment(this.value)"/>
div id="finalamount">
/div>

我認為這個問題是我的js腳本。 如果我單擊該按鈕，則無響應。 我如何解決這個問題，你們可以給我任何想法

$(document).ready(function() {
    $(".cart :radio[name='rmr']").add(".cart :radio[name='rmr']").each(function() {
        $(this).click(function() {
            $(".cart :radio[name='rmr']").add(".cart :radio[name='rmr']").each(function() {
                $(this).attr("checked", false);
            });
            $(this).attr("checked", true);
        });
    });
})
    function updatePayment(val) {
      $("<p/>").html("updatePayment(" + val + ")").appendTo(document.body);
    } 

謝謝。祝你有美好的一天

Answer 1

我不知道為什么您似乎要在jQuery中實現單選按鈕的選擇和取消選擇，因此HTML肯定會為您正確處理。

但是，如果您使用的是jQuery，請取消使用那些onclick屬性，因為這是jQuery的優點，並且可以達到以下相同的結果：

$(function() {
    $('.cart :radio[name="rmr"]').change(function() {
        if ($(this).is(':checked'))
            updatePayment(this.value);
    });
});

這會將更改事件附加到每個具有屬性name="rmr"單選按鈕輸入。 因此，當客戶端單擊一個新的單選按鈕時，兩個單選按鈕的值將更改，然后選擇的那個單選按鈕將使用其值調用updatePayment函數。