javascript - 没有选中属性的复选框

Question

我一直在为表 - datatables.net 中的每一行动态添加复选框。但是，当我选中复选框时，html 不显示任何选中的属性，这不允许我只关注选中复选框的行。如果我用 checked 属性设置复选框，那么是的，checked 属性是可见的。此处的代码显示了我如何尝试检查已检查的属性...

        var filtered_rows = example_data_table._('tr', {"filter":"applied"});

        $.each(filtered_rows, function(i, el){
            // If not checked, do not include
            if(!$(el[0]).is(':checked')){
                console.log(el[0]);
                return true;
            }else{
                window.alert("HIT");
            }
         ...

下面是我如何将元素附加到 datatables.net 表...

        var checkbox = $("<input type='checkbox' 
                           id='checkbox_" + o.example_id + "' />");

        ...

        tmp = [checkbox[0].outerHTML,
        ...];
        table_data.push(tmp);

        ...

        example_data_table.fnClearTable(false);
        example_data_table.fnAddData(table_data);

在控制台中，我得到的只是这条消息 n 次:

<input type="checkbox" id="checkbox_3895">                  examples.php:189

我想，我想知道为什么即使我选中了复选框也从未包含 checked 属性？

Answer 1

HTML 标记属性 <input checked=""实际上并不是为了在运行时显示元素的状态，而是为了定义页面首次呈现时元素的默认状态。

MDN < input > docs状态:

checked:

When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.

唯一可以定位的检查状态是 Js DOM 属性 checked :

document.getElementById('myInput').checked; //(true / false)

或 Css 伪 :checked :

#myInput:checked {
}