What Values for Checked and Selected Are False

What values for checked and selected are false?

There are no values that will cause the checkbox to be unchecked. If the checked attribute exists, the checkbox will be checked regardless of what value you set it to.

<input type="checkbox" checked /><input type="checkbox" checked="" /><input type="checkbox" checked="checked" /><input type="checkbox" checked="unchecked" /><input type="checkbox" checked="true" /><input type="checkbox" checked="false" /><input type="checkbox" checked="on" /><input type="checkbox" checked="off" /><input type="checkbox" checked="1" /><input type="checkbox" checked="0" /><input type="checkbox" checked="yes" /><input type="checkbox" checked="no" /><input type="checkbox" checked="y" /><input type="checkbox" checked="n" />

Checkbox is checked even though checked=false

Setting checked attribute to false won't work.

If checked attribute is present on the input element, it doesn't matters what boolean value you give it, input element will always be checked. To make the input element unchecked, you have to remove the checked attribute.

To uncheck the checkbox input element via javascript, you can remove the checked attribute using removeAttribute() method.

Following code snippet unchecks the checkbox after 2 seconds via javascript.

const checkInput = document.querySelector('#dateCheckbox');

setTimeout(() => {
  checkInput.removeAttribute('checked');
}, 2000);

<input type="checkbox" id="dateCheckbox" checked>
<label for="dateCheckbox"> Keinen Zeitraum angeben</label>

I have set the html checkbox the checked property to false,but it still checked

If you specify checked, then it is checked; it doesn't matter if you say checked="false", checked="true", checked="checked" or just plain checked.

If you don't want it checked, then do not include the checked attribute.

<input type="checkbox" />

See: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_checked

Checkbox value true/false

If I understand the question, you want to change the value of the checkbox depending if it is checked or not.

Here is one solution:

$('#checkbox-value').text($('#checkbox1').val());
$("#checkbox1").on('change', function() {  if ($(this).is(':checked')) {    $(this).attr('value', 'true');  } else {    $(this).attr('value', 'false');  }    $('#checkbox-value').text($('#checkbox1').val());});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">
<div id="checkbox-value"></div>

What's the proper value for a checked attribute of an HTML checkbox?

Strictly speaking, you should put something that makes sense - according to the spec here, the most correct version is:

<input name=name id=id type=checkbox checked=checked>

For HTML, you can also use the empty attribute syntax, checked="", or even simply checked (for stricter XHTML, this is not supported).

Effectively, however, most browsers will support just about any value between the quotes. All of the following will be checked:

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

And only the following will be unchecked:

<input name=name id=id type=checkbox>

See also this similar question on disabled="disabled".

checkbox set to checked = false not working

Don't put checked="false"

You only put checked="checked" for valid XHTML, otherwise you'd do

<input type="checkbox" checked>

The browser doesn't care what value is assigned to checked attribute, as soon as it sees checked in the checkbox input tag, it's flagged as checked.

Check if value of selected checkboxes are in data-attribute

You can add a for loop that goes through every value in the data-town and checks if they are checked, rather than loop through every checkbox that is checked.

function testChecked() {  let arr = $("#testdiv").data("town").split(",");    for (let i = 0; i < arr.length; i++) {    if (!$("input[value=" + arr[i] + "]").is(":checked")) return false;  }    return true;}
console.log(testChecked());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="checkbox" value="FRA" checked /><input type="checkbox" value="BER" checked /><input type="checkbox" value="HAM" checked /><input type="checkbox" value="MUC" />
<div id="testdiv" data-town="FRA,BER,HAM">  Lorem ipsum</div>

What Values for Checked and Selected Are False