uncheck hidden inputs jQuery

Question

I am trying to uncheck an input item within each list item, where the li is currently checked and hidden .

DEMO http://jsfiddle.net/VHW9U/

$('#mylist input:checked').each(function() {
    if(!$(this).is(":visible")){
        $(this).find("input:checkbox").prop("checked", false);
    }
});

The above code does not work, i have tried various different approaches and none of them seem to work. If you view the source code of the jsfiddle you will see that the hidden inputs are still checked

Answer 1

Try this, the checkboxes aren't inside checkboxes. $(this).find("input:checkbox") . this is the checkbox

$('#mylist input:checked').each(function() {
    if(!$(this).is(":visible")){
        $(this).prop("checked", false);
    }
});

Note This will not change the attribute checked, but the property. DEMO

Answer 2

Try

Fiddle Demo

$('#mylist li:hidden input:checked').prop("checked", false);

---

$('#mylist li:hidden input:checked') get checked input inside the hidden li which inside element with id mylist

---

Or

Fiddle Demo

 $('#mylist input:checked:hidden').prop("checked", false); 

$('#mylist input:checked:hidden') get checked input inside element with id mylist