在这里,我试图获取已检查项目的名称。例如,我想获取 Name Milk并显示它。
这是代码:
var ckboxes=document.getElementsByClassName("ckbox");
for(i=0;i<ckboxes.length;i++){
if(ckboxes[i].checked==true){
values=ckboxes[i].value;
console.log(values);
}
}
<html>
<body>
<label><input type="checkbox" value="" class="ckbox">Milk</label>
</body>
</html>
你可以得到下一个兄弟节点
ckboxes[i].nextSibling.nodeValue
演示
var ckboxes = document.getElementsByClassName("ckbox");
for (i = 0; i < ckboxes.length; i++) {
values = ckboxes[i].value;
console.log(ckboxes[i].nextSibling.nodeValue);
}
<label><input type="checkbox" value="" class="ckbox">Milk</label>
但是,如果您的代码将在label
前后有换行符input
,请使用@teemu 的建议
ckboxes[i].parentElement.textContent;
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句