简化jquery/javascript的复选框链接

Question

我已经写了几个简单的代码行，允许在单击时将边框导航中的复选框发送到指定的链接。复选框用作过滤器。
这里是复选框的HTML：创建交互

<li class="inactive" aria-selected="false"> 
<input id="path1" type="checkbox" value="Accessories"> 
<a href="href">Accessories</a> 
</li> 

而jQuery的/ JavaScript的：

$('#path1').click(function(){ 
       window.location='href'; //href would be a unique link 
    }); 

问题没有得到这种互动的工作，我有一个逻辑问题。它的编写方式是针对复选框的ID。它不可扩展。 8个链接并不那么糟糕，但500个链接，每一个独特，你明白了。

是否有解决方案针对每个复选框，但允许每个复选框的唯一链接？即瞄准一流，使所有的复选框都具有相同的HREF，所以这是不是一种选择，等

Answer 1

你可以做到以下几点：

<input type="checkbox" data-custom-click="href"> 

，因为你需要将上面的代码可以重复多次，让你有尽可能多的数量复选框，只要你想。

注意href在上面的HTML代表您的特定复选框的链接。

而一个衬垫的JavaScript：

$("input[data-custom-click]").click(function(){ 
    window.location=$(this).attr("data-custom-click"); 
}); 

的选择input[data-custom-click]将选择所有的自定义行为复选框和$(this)选择点击复选框。

Answer 2

假设你href价值来自于跟随输入的链接，您可以使用：

$('li.inactive input[type="checkbox"]').click(function(){ 
    window.location = $(this).next('a').attr('href') 
});