Modify properties
checkbox1.attr('checked'): undefined
checkbox1.attr('disabled'): undefined
checkbox1.prop('checked'): false
checkbox1.prop('disabled'): false
checkbox1.val(): I'm checkbox one
checkbox2.attr('checked'): checked
checkbox2.attr('disabled'): disabled
checkbox2.prop('checked'): true
checkbox2.prop('disabled'): true
checkbox2.val(): I'm checkbox two
const c=$("#check1"),e=$("#check2");$("pre:first-of-type").html(`\n checkbox1.attr('checked'): ${c.attr("checked")}\n checkbox1.attr('disabled'): ${c.attr("disabled")}\n checkbox1.prop('checked'): ${c.prop("checked")}\n checkbox1.prop('disabled'): ${c.prop("disabled")}\n checkbox1.val(): ${c.val()}\n \n checkbox2.attr('checked'): ${e.attr("checked")}\n checkbox2.attr('disabled'): ${e.attr("disabled")}\n checkbox2.prop('checked'): ${e.prop("checked")}\n checkbox2.prop('disabled'): ${e.prop("disabled")}\n checkbox2.val(): ${e.val()}\n`),c.prop("disabled",!0);