Question

我有一个由多个项目组成的菜单，我想在选项中单击其单选按钮时更改其价格。我使用以下代码更改价格：

        $(document).ready(function () {
            $("input:radio[type=radio]").click(function () {
                this.preventDefault();

                var value = $(this).val();
                var id = $(this).attr('id');
                var base_price = $(this).attr('base_price');

                var arr_rbtn_id = value.split(',');
                var newprice = parseFloat(arr_rbtn_id[0]) + parseFloat(base_price);
                $(".pid" + arr_rbtn_id[2]).html(priceFormat(newprice));
                return false;

            });
       });

我一直试图通过防止默认来解决这个问题但请不要使用请帮忙，

Answer 1

到目前为止，我在您的代码中看到的问题是您调用无线电元素的方式有误，并且不需要this.preventDefault。我做了一些改变，试一试。如果有更多错误，请在上方添加一些HTML，以便我们为您提供帮助。

   $(document).ready(function () {
        $("input[type=radio]").click(function () {
            var value = $(this).val();
            var id = $(this).attr('id');
            var base_price = $(this).attr('base_price');

            var arr_rbtn_id = value.split(',');
            var newprice = parseFloat(arr_rbtn_id[0]) + parseFloat(base_price);
            $(".pid" + arr_rbtn_id[2]).html(priceFormat(newprice));
            return false;
        });
   });

页面跳转到jquery单选按钮

1 个答案: