How to switch between true and false checked input?

Question

I have this code and would like to switch between true and false the attribute checked input. Strangely is catching the id of label because the web designer superimposed the label at the input.

(function($){
    $("label").click(
        function(){
            var idcheck = $(this).attr("for");
            $("input[id="+idcheck+"]").attr("checked", "checked");
        }
    );
})(jQuery);

Answer 1

I would use the following code:

/* Não precisa de JavaScript! */

That is, no code! If your label already has the attribute for pointing to input, it is not necessary to use JS. The default behavior of clicking on the label is to just reverse the checkbox state. Example Jsfiddle

The code you posted seems to have been created to try to prevent checkbox from being unchecked (every click ends with it checked).

Answer 2

use $("input[id="+idcheck+"]").prop('checked', false);

Answer 3

Try this:

Teste: <input type="checkbox" id="ck" checked/>

$(document).ready(function(){

   $("#ck").attr('checked', false); 

});

Answer 4

I suggest removing all attribute checked.

(function ($) {
    $("label").click(function () {
        var idcheck = $(this).attr("for");
        $("input[id=" + idcheck + "]").removeAttr('checked'); // <--
    });
})(jQuery);

Or similar alternative (give value false):

(function ($) {
    $("label").click(function () {
        var idcheck = $(this).attr("for");
        $("input[id=" + idcheck + "]").prop("checked", "false"); // <--
    });
})(jQuery);

Answer 5

If the webdesigner didn’t do "extra work" you weren’t supposed to have a problem and you didn’t need a script to set the check. But if it really is easier to adapt the script than having to revise the code...

Do not use attr. Because attributes do not work well with "living properties" instead use prop() as suggested by our friend Sergio and wriel.

$("label").click(function () {
     var idcheck = $(this).attr("for");
     $("input[id=" + idcheck + "]").prop("checked", "false"); // <--
});

If you use attr, after changing the status sometimes it will stop working. I’ve had this problem before, and I’m putting you ahead of time to avoid a headache. The prop, will always bring the current status, already the attr can get lost in memory, and not reflect the current moment.

Here are more details

Answer 6

You can use this same code only with a few changes at the time you change the "checked".

(function($){
    $("label").click(
        function(){
            var idcheck = $(this).attr("for");

            var checkedStatus = $("input[id="+idcheck+"]").attr("checked"); // Aqui eu pego o valor atual do checked no input
            $("input[id="+idcheck+"]").attr("checked", !checkedStatus); // e atribuo um novo valor invertendo o valor antigo
        }
    );
})(jQuery);

In that case it will always invert the checked input value:

• If the input checked is true it will set the new value to false.
• If the input checked is false it will set the new value to true.

Answer 7

Try it this way:

$( "input[type='checkbox']:odd" ).attr( "checked", "true" );

Answer 8

After catching a little I managed to solve in a cool way: using denial.

document.getElementById("Checkbox").checked = !document.getElementById("contatoCheckbox").checked;