get value of checked radio button using d3.js

Question

I have the following form:

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

I want to get the currently selected radio button's value using d3.

The following attempts have been unsuccessful:

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

Try this

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

Answer 2

I'm a little late to the party but, FWIW, this is the pure d3 way:

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