javascript - 如何判断页面加载时选中了哪些复选框？

Question

我已经有一个 change 事件/监听器正在进行，但是当有人刷新页面时这不会做任何事情......等(页面加载)并且已经选中了复选框。

我如何检查页面加载时是否选中了任何复选框，并获取它们的名称/值(无论)？

示例:我检查是否选中了特定 DOM 元素中的任何复选框，如下所示:

if($("#allocation input:checkbox").is(':checked')){
    console.log("something is checked");
}

但是我怎样才能真正获得在页面加载时检查的 id？

像上面的 $this.id 之类的东西？ (但这当然行不通)。

或者您能否以某种方式将 event.target 绑定(bind)到上面的 is.('checked') 条件中？

同样，我已经为 .change()(用户交互)部分准备好了一些东西，但是如果复选框被选中并且有人重新加载页面，该复选框仍然被选中(并且我仍然需要迎合这一点)。

我在这里的最终解决方案:(与下面建议的相似/相同)

KEY.. 使用 'each' 函数..

//on page load
                    $('#allocation input:checked').each(function() {
                        if($(this).is(':checked')){
                            //console.log("CB CHECK: " + $(this).attr('id'));
                            var targetID = $(this).attr('id');
                            $('#' + targetID + 'amount').prop('disabled', false);
                        }
                    });

Answer 1

这将遍历所有选中的复选框并在 console.log 中记录它们的 ID。

ID 可通过 PROP 访问。

$("input:checkbox:checked").each(function(){
    console.log($(this).prop("id"));
});

编辑:也获取他​​们的名字和值(value)

$("input:checkbox:checked").each(function(){
    console.log($(this).prop("id"),$(this).prop("name"),$(this).val());
});