Question

我想根据复选框值显示div。我尝试了以下

$(document).ready(function () {
    $('#parent').change(function () {
     if (this.checked) {
    $('#child').css('display', 'block');
}
    else {
    $('#child').css('display', 'none');
}
});

}）;

现在，如果我选中#parent复选框，它就会正常工作。但问题是复选框是一种形式。下次刷新页面时，即使选中了复选框，它仍然不会显示任何内容。

如果选中复选框，则如何选中此选项，否则显示无。

由于

Answer 1

使用 change() 或 trigger('change') 方法触发更改事件

$(document).ready(function() {
  $('#parent').change(function() {
    if (this.checked) {
      $('#child').css('display', 'block');
    } else {
      $('#child').css('display', 'none');
    }
  }).change();
});

您也可以使用 toggle() 方法缩小代码。

$(document).ready(function() {
  $('#parent').change(function() {
    $('#child').toggle(this.checked);
  }).change();
});

Answer 2

试试这个：

$(document).ready(function () {
    $('#parent').change(function () {
    if($(this). prop("checked") == true){
        $('#child').css('display', 'block');
    }
    else {
        $('#child').css('display', 'none');
    }
});

根据复选框值显示或隐藏Div

2 个答案: