체크 박스 링크 용 jquery/javascript 단순화

Question

사용자를 지정된 링크로 보내기 위해 클릭하면 사이드 바 탐색에서 확인란을 허용하는 간단한 코드 행을 작성했습니다. 확인란은 필터로 작동합니다. 상호 작용 생성

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

그리고 JQuery와/자바 스크립트 :
여기 체크 박스의 HTML입니다

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

이 문제는 이러한 상호 작용이 일을 점점되지 않습니다, 내가 가지고 있어요 논리 문제. 작성 방법은 체크 박스의 ID를 대상으로하는 것입니다. 그것은 확장 가능하지 않습니다. 8 개의 링크가 그렇게 나쁘지는 않지만 500 개의 링크는 각각 고유합니다. 아이디어를 얻을 수 있습니다.

모든 체크 박스를 대상으로하지만 각 링크마다 고유 한 링크가 허용되는 솔루션이 있습니까? 나는. 등

Answer 1

다음과 같은 작업을 수행 할 수 있습니다 위의 코드는 당신이 필요로 여러 번 반복하고 당신이 원하는대로 당신이 체크 박스의 많은 수를 가질 수 있도록 할 수 있습니다

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

.

위의 HTML에있는 href은 해당 확인란의 링크를 나타냅니다.

그리고 하나 라이너 자바 스크립트 :

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

선택기 input[data-custom-click] 모든 사용자 정의 행동 확인란을 선택되고 $(this)가 클릭 확인란을 선택합니다.

Answer 2

, 클래스가이 옵션을 선택하지 않습니다 있도록 체크 박스 모두 같은 HREF을하게 타겟팅 href 값을 가정하면 입력을 다음 링크에서 오는 당신은 사용할 수 있습니다

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