復選框：在jQuery中禁用/啟用href

Question

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

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

});

你下一步怎么做？ 我想我需要解除綁定功能嗎？

（我想禁用結帳按鈕，直到用戶不單擊“條款和條件”復選框為止）。 謝謝

Answer 1

這是一個解決方案。 的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");
    }
});

Answer 2

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

Answer 3

如果您想禁用和啟用鏈接，這應該可以工作：

$('.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/