チェックボックス：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"); 
    } 
});