使用d3-js动态创建单选按钮
Dynamically create radio buttons using d3 js
我知道如何在不使用d3-js的情况下创建动态显示的单选按钮。但是如何使用d3创建单选按钮的标签文本呢?同样在创建之后,如何将它们添加到单选按钮中?
var shapeData = ["Triangle", "Circle", "Square", "Rectangle"],
j = 3; // Choose the rectangle as default
// Create the shape selectors
var form = d3.select("body").append("form");
labels = form.selectAll("label")
.data(shapeData)
.enter()
.append("label")
.text(function(d) {return d;})
.insert("input")
.attr({
type: "radio",
class: "shape",
name: "mode",
value: function(d, i) {return i;}
})
.property("checked", function(d, i) {return i===j;});
点击此处查看演示
相关文章:
- d3js:创建多个单选按钮
- 在javascript上创建,以处理单击后要隐藏的几个单选按钮
- 如何将onclick事件添加到MVC 4中动态创建的单选按钮中
- 如何使用AJAX创建/更新单选按钮
- jQuery:如何创建一个带有多个单选按钮的实时搜索表单
- 如何在单选按钮中创建条件?(在jQuery Ajax中)
- 创建没有业务逻辑的干净挖空绑定(弹出框 - 单选按钮)
- 如何在单选按钮上创建条件
- 如何为每个动态创建的单选按钮放置错误消息
- 用于从所选内容创建 URL 的单选按钮
- 为什么事件侦听器不触发动态创建的单选按钮
- 使用 angularjs 创建水平单选按钮
- HTML Javascript输入字段是在单选按钮选中/单击时创建的
- 动态创建单选按钮和选定的相应按钮 Angularjs
- JQuery + 从数组中为 html 创建单选按钮
- dojo:如何在contentpane中创建两个或两个以上的单选按钮
- jquerymobile动态创建一个单选按钮并监听点击事件
- 在动态生成的表中创建单选按钮
- extjs如何使用单选按钮创建菜单
- 不能读取属性'radCCType'在使用单选按钮创建if语句时未定义