添加购物车按钮的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函数。