检查复选框是选中还是取消选中

Question

我想知道用户是否选中了复选框，如果是，则应该禁用日期；如果未选中，则启用日期。复选框上有更改事件$('input[type=checkbox]:checked').click(function () {        if ($('#chkShowAll').prop('checked')) {            $("#MainContent_txtSrchFromDate").attr('readonly', 'readonly');            $("#MainContent_txtSrchToDate").attr('readonly', 'readonly');        }        else {            $("#MainContent_txtSrchFromDate").removeAttr('readonly', 'readonly');            $("#MainContent_txtSrchToDate").removeAttr('readonly', 'readonly');         }    });

Answer 1

这是简短而简单的。

 $('input[type=checkbox]').on('click', function() {
        $('#MainContent_txtSrchToDate').prop('disabled', $(this).is(":checked"));
 });

Answer 2

试试这个：

$('input[type=checkbox]').click(function() {

  let dateElements = $("#MainContent_txtSrchFromDate, #MainContent_txtSrchToDate");

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

    dateElements.prop("readonly", true);

  } else {

    dateElements.prop("readonly", false);

  }

});

Answer 3

要检查一个复选框是否被选中，你可以简单地这样做：

$('#chkShowAll').checked

如果选中则返回 true 否则返回 false

Answer 4

if($("#checkbox_id").is(':checked')){

 console.log("checked");

}

else{

  console.log("not checked");

}

此显示复选框是否选中