获取复选框标签

巴杜沙

在这里,我试图获取已检查项目的名称。例如,我想获取 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>

gurvinder372

你可以得到下一个兄弟节点

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章