复选框：在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"); 
    } 
});