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/

复选框：在jQuery中禁用/启用href

3 个答案: