使用Javascript在span内选中复选框

我在span容器中有一个复选框。如何使用Javascript获取类型和productid

以下是innerHTML：

<span productid="6">
    <input id="MainContent_chk8" name="ctl00$MainContent$chk8" type="checkbox">
    <label for="MainContent_chk8">Test6</label>
</span>

测试6

我会做这么简单的事情：

var check = document.getElementById("MainContent_chk8"),
    productId = check.parentNode.getAttribute("productid");

当然，这意味着您应该提前知道复选框的

id

——情况可能并非如此，因为这似乎是服务器生成的复选框

这还意味着您确定复选框的父项具有您要查找的属性

---

如果您引用更多的代码，可能会有所帮助。您的问题是tagget“asp.net”，所以我猜这个HTML代码段是由一些asp.net代码生成的。

只是一个提示，使用

data-*

自定义属性以避免失败的HTML验证是的HTML代码段是由asp.net代码生成的。我所做的是将自定义属性添加到复选框（productid）.在客户端javascipt中，我编写代码var inputElements=document.getElementsByTagName（'span'）；然后做一个循环。感谢您的快速响应。谢谢Max