Javascript d3js：创建多个单选按钮

我试图用d3创建两个单选按钮，但是我似乎有一些问题。我可以创建和标记这两个，但是他们不承认另一个已经创建。例如，如果选择了“或”按钮，而我选择了“和”按钮，则“或”按钮不会取消选择

我能够重新创建，代码如下：

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');

---

通过为两个单选按钮指定一个名称，该问题已得到修复

见

---

您需要为两者提供一个具有相同值的name属性，这就是浏览器如何知道它们是同一组的一部分。工作非常完美。把它写在答案里，我会接受的，不用担心。很高兴这有帮助。

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');