添加购物车按钮的jquery问题

时间:2011-01-04 05:51:11

标签: javascript jquery radio-button

嗨我有显示金额的问题。我在这个页面中有一个名为make payment的页面我制作了三个单选按钮,如果我点击按钮那个数量必须添加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);
    } 

谢谢。祝你有愉快的一天

1 个答案:

答案 0 :(得分:0)

我不知道你为什么要在jQuery中实现选择和取消选择单选按钮,HTML肯定会为你正确处理。

但是,如果您使用的是jQuery,请取消这些onclick属性,因为这是jQuery的好处,并获得如下结果:

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

这会将更改事件附加到具有属性name="rmr"的每个单选按钮输入。因此,当客户端单击新的单选按钮时,两个单选按钮的值将更改,然后选择的单选按钮将使用其值调用updatePayment函数。