检查所有子项隐藏输入的“已检查”值

Question

回答
stackoverflow.com/a/18676076/2240163

您不能将隐藏的输入作为复选框，因此它不会具有选中的属性。 您可以使用type =“ checkbox”并使用display：none将其隐藏，如果您需要将其用作复选框，或者可以简单地使用带有0或1的隐藏输入来模拟它。

我有一个带有隐藏字段的容器来保存数据。

    <Panel id="jointlist">
      <input type="hidden" id="jl_C_Head_back_conf" name="C_Head_back_conf" data-location="Head, back"/>
      <input type="hidden" id="jl_C_Head_back_text" name="C_Head_back_text"/>
      <input type="hidden" id="jl_C_Head_front_conf" name="C_Head_front_conf" data-location="Head, front"/>
      <input type="hidden" id="jl_C_Head_front_text" name="C_Head_front_text"/>
    </Panel>    

我试图找到哪些输入元素的checked值为true。

我试过了

var jointlist = $("#jointlist");
var items = jointlist.find("input[id*='_conf']:checked");   

但此方法返回下面列出的所有投入的父节点children 。 图片中的项目为true，还有一个为true，但其余132个项目均为false。

因此，我尝试遍历所有子项以查找选中的元素，因此我尝试

    jointlist.each(function () {
        var curItem = $(this);
        var chldrn = curItem[0].children;
        for (i = 0; i < chldrn.length; i++) {
            console.log(chldrn[i].checked);
        }
    });

这将返回子元素的HTML 。 所以我不确定如何访问子级的checked属性。

编辑这是for循环console.log(chldrn[i].checked);的屏幕截图console.log(chldrn[i].checked);

Answer 1

您可以先获取所有输入元素：

var inputs = document.getElementById('jointlist').getElementsByTagName('input');

然后遍历并获得检查值，例如

inputs[i].getAttribute('checked');

 var inputs = document.getElementById('jointlist').getElementsByTagName('input'); var res; for (var i = 0; i < inputs.length; i++) { if (inputs[i].getAttribute('checked') === 'true') { res = inputs[i]; } } console.log(res); 

 <Panel id="jointlist"> <input type="hidden" id="jl_C_Head_back_conf" name="C_Head_back_conf" data-location="Head, back" checked="true" /> <input type="hidden" id="jl_C_Head_back_text" name="C_Head_back_text"/> <input type="hidden" id="jl_C_Head_front_conf" name="C_Head_front_conf" data-location="Head, front"/> <input type="hidden" id="jl_C_Head_front_text" name="C_Head_front_text"/> </Panel>