使用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').node().value

Answer 2

我有点迟到了,但是,FWIW,这是纯粹的d3方式:

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