Input Checkbox checked by default [duplicate]

added "true" parameter below, just try it before, and it works for me

<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="true"> 

The attribute checked="checked" does work and the shorthand notation is just checked.

<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="checked"/>

I tried all above solutions and nothing worked. It did give me some terminology to continue my research. What I ended up doing was going to the bottom of the code and added $('#inline').prop('checked', true); This solved my problem.

You're looking for the checked content attribute. Here's the relevant snippet from the official documentation: (Living Standard):

The checked content attribute is a boolean attribute that gives the default checkedness of the input element. When the checked content attribute is added, if the control does not have dirty checkedness, the user agent must set the checkedness of the element to true; when the checked content attribute is removed, if the control does not have dirty checkedness, the user agent must set the checkedness of the element to false.

Note the docs have links to definition of relevant terms.

If it seems too technical, you can always go to MDN page on checked. MDN contributors have put up considerable effort into "translating" HTML Standard into more readable/understandable form (often times with examples), especially useful to people without a solid foundation on web related terminology and concepts.

Note: You'll also find the direct answer to your question on MDN.

I think it's worth adding that setting the checked attribute will check the box and not allow it to be unchecked by the user. If the desired functionality is for the checkbox to be checked by default but still able to be unchecked by the user, use the defaultChecked attribute:

<input type="checkbox" id="inline" defaultChecked />

or

document.getElementById("inline").defaultChecked = true;

 <input type="checkbox" checked /> 

you can copy this code and paste your project.i solve problem.

<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked>

input tag element in attribute for checked

This can be done in several ways, First you can add "checked" attribute in <input> tag.

<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked>

If this is not work then you can check the checkbox using javascript.

document.getElementById("inline").checked=true;

You can add this js code within a function (checkbox will check with function execution event) or at the end of the html file within <script> tag.

Or else you can use jQuery for this.

$("#inline").prop("checked", true);

This also you can use inside a function or document.ready block.

$( document ).ready(function() {
    $("#inline").prop("checked", true);
});

This will check the checkbox after completely load the page.