Question

JQuery的：

$('#chkCaption').live("click", function() {
    if ($('#chkCaption').attr("checked")) {
        $('#divCaption').show();
    }
    else {
        $('#divCaption').hide();
    }
});

但它不起作用。帮助找到我的错误或建议方式。谢谢。

Answer 1

而不是

$('#chkCaption').attr('checked')

你可能想试试这个：

$(this).is(':checked')

Answer 2

试试这个：

$('#chkCaption').live("click", function() {
    if (this.checked) {
        $('#divCaption').show();
    }
    else {
        $('#divCaption').hide();
    }
});

这应该在document.ready。

您可以使用javascript属性attr

而不是Jquery is或checked

Answer 3

你刚忘了show（）

上的函数声明parens

$('#chkCaption').live("click", function() {
    if ($('#chkCaption').attr("checked")) {
        $('#divCaption').show();
    }
    else {
        $('#divCaption').hide();
    }
});

Answer 4

在jQuery 1.9中，.live（）被删除了。因此，如果使用javascript .checked：

，实际答案会发生变化

$('#chkCaption').on("click", function() {
  if (this.checked) {
    $('#divCaption').show("table-row");
  }
  else {
    $('#divCaption').hide();
  }
});

在纯jQuery中：

$('#chkCaption').on("click", function() {
  if ($(this).is(":checked")) {
    $('#divCaption').show();
  }
  else {
    $('#divCaption').hide();
  }
});

Answer 5

$('#chkCaption').click(function () {

        if ($(this).is(':checked')) {

            //Show div
        } else {
            //Hide div
        }
});

应该这样做;）

Answer 6

您缺少()，TRY

$('#chkCaption').live("click", function() {
    if ($('#chkCaption').prop("checked")) {
        $('#divCaption').show();
    }
    else {
        $('#divCaption').hide();
    }
});

DEMO

Answer 7

$('#chkCaption').live("click", function() {
    if ($('#chkCaption').is(":checked")) {
        $('#divCaption').show();
    }
    else {
        $('#divCaption').hide();
    }
});

在JQuery中通过复选框显示隐藏div

7 个答案: