更改部分 href 值

Question

我有一个需要更改的链接，具体取决于激活的复选框。虽然默认链接可能为“/static_part＆variable =一个，两个，三个”，对于所有3个复选框活动，当检查复选框一和三个复选框时，链接应为“/static_part＆variable＆variable =一个，三个”。我开始工作了，除了 URL 的静态部分也被删除了，它变成了“一，三”而没有所需的静态部分“/static_part&variable=”。

为什么这不起作用？

 $('.check:checked').each(function () {
     "/static_part&variable=" + links.push($(this).data('link')); //get links
 });

演示：http://jsfiddle.net/zPpXS/

JS

$('.check').change(function () {
      var links = []; //array for links

      $('.check:checked').each(function () {
          links.push($(this).data('link')); //get links
      });

      $(".link").attr("href", links.join(",")); // change link
  });

HTML

<label><input class="check" type="checkbox" checked data-link="one"><span class="checkstate">item one</span></label>
<br />
<label><input class="check" type="checkbox" checked data-link="two"><span class="checkstate">item two</span></label>
<br />
<label><input class="check" type="checkbox" checked data-link="three"<span class="checkstate">item three</span></label>
<br />
<a class="link" href="/static_part&variable=one,two,three">click link</a><br />

Answer 1

您在链接构建中缺少静态部分。

在您的 Javascript 中，更改

$(".link").attr("href", links.join(","));

到

$(".link").attr("href", "static_part?variable=" + links.join(","));