javascript - 单击某个选项，然后将值传递给链接到唯一 url 的 "buy now"按钮

Question

我想做一个选择过程，用户可以选择三个项目，他们选择其中一个，并将这个“值”传递到另一个按钮，然后您单击“立即购买”，它将修改网址，所以选择可能是:

• 第一:45 英镑(网址为 website.com/price45)
  
• 第二名:40 英镑(网址为 website.com/price40)
  
• 第三名:30 英镑(网址为 website.com/price30)
  

(按钮)立即购买(/按钮)(此按钮将引导他们到上面的按钮值)

Answer 1

这就是你想要的东西吗 - http://codepen.io/ashconnolly/pen/OyaBaQ/

$(document).ready(function() {

    $('button').click(function() {
        $('button').removeClass('button_selected');
        $(this).addClass('button_selected');

        var val = $('.button_selected').attr('data-value');
        $('p span').html("http://www.website.com/price" + val);
        $('a').attr("href", "http://website.com/price" + val);
    });

});

它有一些 jQuery，可以从所选按钮获取数据值属性并将其应用到链接。