Question

我正在尝试使用所选的收音机获取单元格的内容。这是我的JavaScript，但它不起作用：

document.getElementById(document.querySelector('input[name="celselectie"]:checked').parentNode).innerHTML=(here some var);

HTML：

<table id="speelveld">
<tr><td><input type="radio" name="celselectie" value="cel001"/></td>
<td><input type="radio" name="celselectie" value="cel002"/></td>
<td><input type="radio" name="celselectie" value="cel003"/></td>
<td><input type="radio" name="celselectie" value="cel004"/></td>
<td><input type="radio" name="celselectie" value="cel005"/></td>
[.......]
<td><input type="radio" name="celselectie" value="cel099"/></td>
<td><input type="radio" name="celselectie" value="cel100 "/></td></tr>
</table>

Answer 1

document.querySelector，返回文档中与指定的选择器组匹配的第一个元素。

因此，您的代码无法捕获多个元素。

这是我的方法：

1）获取名为celselectie

的所有单选按钮

var d = document.getElementsByName('celselectie');

2）迭代它并检查“checked”属性，如果它是true，则获取其 parentNode 并打印{{ 1}}。

innerText

最终代码：

for (var i = 0; i < d.length; i++) {
    if (d[i].checked) {          
        console.log(d[i].parentNode.innerText);
    }
}

JSFiddle

如何用选定的收音机获取表格单元格的内容？

1 个答案: