JSFiddle - React, Tailwind, and code Playground

HTML

<input id='c' type='checkbox' checked='checked'/>

JavaScript

console.log("attr('checked'): " + $('#c').attr('checked'));
console.log("prop('defaultChecked'): " + $('#c').prop('defaultChecked'));
console.log("prop('checked'): " + $('#c').prop('defaultChecked'));

$('#c').prop('checked', false);
console.log("---CHECKED IS CHANGED USING prop('checked', false)---");

console.log("attr('checked'): " + $('#c').attr('checked'));
console.log("prop('defaultValue'): " + $('#c').prop('defaultChecked'));
console.log("prop('checked'): " + $('#c').prop('checked'));