複選框：在jQuery中禁用/啓用href

Question

我想通過複選框（默認=禁用）啓用/禁用我的<a href>按鈕。可能嗎？

$('#check').change(function() { 

}); 

下一步是什麼？我認爲我需要解除綁定功能？

（我想禁用結賬按鈕，直到用戶沒有點擊條款和條件複選框）。 感謝

Answer 1

如果要禁用和啓用的鏈接，這應該工作：

$('.button').click(function(){ return false; }); // initially disabled. 
$('#check').click(function() { 
    if(!$(this).is(':checked')){ 
    $('.button').bind('click', function(){ return false; }); 
    }else{ 
    $('.button').unbind('click'); 
    } 
}); 

http://jsfiddle.net/hQJXW/3/

Answer 2

$('#check').mousedown(function(){ 
    if(!$(this).is(':checked')) { 
     $('.link').click(function(e){ 
       e.preventDefault(); 
     }); 
    } 
}); 

Answer 3

這裏是一個解決方案。 jsFiddle

HTML：

<a id="to-toggle" data-href="http://google.com/">My Link</a><br /> 
<input id="toggle" type="checkbox"> Toggle it 

JS：

var link = $("#to-toggle"); 
$("#toggle").on("change", function() { 
    if(this.checked) { 
     link.attr("href", link.data("href")); 
    } else { 
     link.removeAttr("href"); 
    } 
});