取消选中隐藏的输入jQuery

uncheck hidden inputs jQuery

本文关键字:输入 jQuery 隐藏 取消      更新时间:2023-09-26

我正在尝试取消选中每个列表项中的input项,其中li当前为checkedhidden

演示http://jsfiddle.net/VHW9U/

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

上面的代码不起作用,我尝试了各种不同的方法,但似乎都不起作用。如果您查看jsfiddle的源代码,您将看到隐藏的inputs仍然是checked

试试这个,复选框不在复选框内。$(this).find("input:checkbox")this是复选框

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

注意这不会更改选中的属性,而是更改属性演示

尝试

Fiddle演示

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

$('#mylist li:hidden input:checked')获取id为mylist 的元素内的隐藏li内的checked input


Fiddle演示

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

$('#mylist input:checked:hidden')获取id为mylist的元素内部的checked input