使用 d3.js 获取选中的单选按钮的值

Question

我有以下表格：

<form>
    <input type="radio" name="group-stack" value="grouped" checked>grouped<br>
    <input type="radio" name="group-stack" value="stacked">stacked
</form>

我想使用 d3 获取当前选中的单选按钮的值。

以下尝试均未成功：

var val = d3.select('input[name="group-stack"]').checked; //undefined
var val = d3.select('input[name="group-stack"][checked]')[0][0].value //always 'grouped' regardless of which radio is selected

Answer 1

啊...知道了

d3.select('input[name="group-stack"]:checked')[0][0].value

Answer 2

试试这个

d3.select('input[name="group-stack"]:checked').node().value

Answer 3

我来晚了一点，但是，FWIW，这是纯粹的 d3 方式：

d3.select('input[name="group-stack"]:checked').property("value");