d3js:创建多个单选按钮
d3js: Creating multiple radio buttons
我正试图使用d3创建两个单选按钮,但我似乎遇到了一些问题。我可以创建和标记两者,但他们不知道另一个已经创建。例如,如果选择了OR
按钮,而我选择了AND
按钮,则不会取消选择OR
按钮。
我能够在小提琴中重现我的问题,代码如下:
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');
通过为两个单选按钮分配一个名称来解决问题。
点击此处查看更新的小提琴
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:创建多个单选按钮
- 在javascript上创建,以处理单击后要隐藏的几个单选按钮
- 如何将onclick事件添加到MVC 4中动态创建的单选按钮中
- 如何使用AJAX创建/更新单选按钮
- jQuery:如何创建一个带有多个单选按钮的实时搜索表单
- 如何在单选按钮中创建条件?(在jQuery Ajax中)
- 创建没有业务逻辑的干净挖空绑定(弹出框 - 单选按钮)
- 如何在单选按钮上创建条件
- 如何为每个动态创建的单选按钮放置错误消息
- 用于从所选内容创建 URL 的单选按钮
- 为什么事件侦听器不触发动态创建的单选按钮
- 使用 angularjs 创建水平单选按钮
- HTML Javascript输入字段是在单选按钮选中/单击时创建的
- 动态创建单选按钮和选定的相应按钮 Angularjs
- JQuery + 从数组中为 html 创建单选按钮
- dojo:如何在contentpane中创建两个或两个以上的单选按钮
- jquerymobile动态创建一个单选按钮并监听点击事件
- 在动态生成的表中创建单选按钮
- extjs如何使用单选按钮创建菜单
- 不能读取属性'radCCType'在使用单选按钮创建if语句时未定义