Question

我尝试使用d3创建两个单选按钮，但我似乎遇到了一些问题。我可以创建并标记两者，但是他们不会认识到已经创建了另一个。例如，如果选择OR按钮并选择AND按钮，OR按钮将无法取消选择。

我能够重新创建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：创建多个单选按钮

1 个答案: