选中复选框是选中或取消选中

Question

I want to know if the user has checked the checkbox and if so, then it should disable the date; if unchecked, then enable the date. Change event is there on checkbox

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

This is short and simple.

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

Answer 2

To check is a checkbox is checked or not, you can simply do it like this:

$('#chkShowAll').checked

It returns true if checked else it returns false

Answer 3

Try this one:

 $('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 4

if($("#checkbox_id").is(':checked')){
 console.log("checked");
}
else{
  console.log("not checked");
}

This show checkbox is checked or not