d3js：创建多个单选按钮

Question

我正在尝试使用 d3 创建两个单选按钮，但我似乎遇到了一些问题。我可以同时创建和标记两者，但他们无法识别另一个已创建。例如，如果 OR 按钮是 select 并且我 select 是 AND 按钮，则 OR 按钮不会取消 select。

我能够重新创建 my problem in a fiddle，代码如下：

var body = d3.select("body")

var form = body.append('form');

form.append('input')
    .attr('type', 'radio')
    .attr('value', 'Or')
    .on('click', function () {
        //Do something
    });

form.append('label')
    .html('OR');

form.append('input')
    .attr('type', 'radio')
    .attr('value', 'And')
    .on('click', function () {
        //Do something
    });

form.append('label')
    .html('AND');

Answer 1

通过为两个单选按钮指定名称解决了该问题。

见 updated fiddle here

var body = d3.select("body")

var form = body.append('form');

form.append('input')
    .attr('type', 'radio')
    .attr('value', 'Or')
    .attr('name', 'toggle')
    .on('click', function () {
        //Do something
    });

form.append('label')
    .html('OR');

form.append('input')
    .attr('type', 'radio')
    .attr('value', 'And')
    .attr('name', 'toggle')
    .on('click', function () {
        //Do something
    });

form.append('label')
    .html('AND');

d3js：创建多个单选按钮

d3js: Creating multiple radio buttons

javascript

radio-button

d3.js