jquery enable 체크 박스 기반 링크 비활성화

Question

확인란을 선택하면 "a.href"링크를 사용하거나 사용하지 않도록 설정해야합니다. 체크 박스 목록 (2 열)이 있습니다. "설치"열에있는 하나 이상의 확인란이 선택되어 있으면 "설치"링크를 사용하도록 설정해야하며, 그렇지 않으면 사용하지 않도록 설정해야합니다. "제거"열에서 하나 이상의 확인란을 선택하면 동일한 클래스 이름의 링크를 사용하도록 설정해야합니다. 그렇지 않으면 사용하지 않도록 설정해야합니다.

나는이 맞다면, 그것은 작동하지 않습니다이 함께 시도했지만 확실하지했습니다

function refleshCheckboxes() { 
    if ($("input:checked").length > 0) { 
     $("input:checked").each(function(index, e) { 
      var css = $(e).attr('class').split(' ').slice(-1); 
      $("div.markActions a").each(function (index, e) { 
       $(e).removeClass("disablelink").hasClass(css); 
      }); 

     }); 
    } 
    else { 
     $("div.markActions a").addClass("disablelink"); 
    } 
} 

$ ("div.markActions의에") -이 a.href 링크가있는 곳입니다 (이 div 내부)

확인란에는 a.href 링크와 동일한 클래스 이름이 있습니다. 그래서 나는 체크 박스의 클래스 이름을 얻고 그 클래스를 a.href 링크의 클래스와 일치시키고 싶다.

확인란 :

<input type="checkbox" value="2" class="checkbox install"> 

링크 :

<a class="iconDiskPlus install disablelink" href="#">Install</a> 

Answer 1

나는 그것을 알아 냈 :

Answer 2

아래를보십시오.

당신의 js 파일에

<input id="someId" type="checkbox" value="2" class="checkbox install" onclick="myFunction()"> 

이 함수를 정의 : demo

Answer 3

에 대한

$(function(){ 

    $('input.install').click(function(){ 

     var install_link = $('a.install'); 
     if($('input.install:checked').length !=0){ 
     install_link.addClass('enablelink').text('install enabled'); 
     } 
     else{ 
     install_link.addClass('disablelink').text('install disabled');     

     }      
});   
});​ 

체크 아웃 JS 바이올린은이 같은 체크 박스에 onclick 이벤트를 설정할 수 있습니다

을

function myFunction(){ 
    var checkBox = document.getElementById("someId"); 
    if(checkBox.checked == true){ 
     //you have to give an id attribute to the object 
     // which you want to hide 
     var hideIt = document.getElementById("id"); 
     hideIt.style.visibility = "none"; 
    } 
}