make radio buttons and labels dynamically.

gistfile1.txt

var menuID = 0;

var menuItems = d3.select("#navBlock").append('form').selectAll("span")
    .data( dataArray )
    .enter().append("span").attr("class", "navColumn");

menuItems.append("input")
    .attr({
        type: "radio",
        class: "nav",
        name: "nav",
        value: function(d, i) {return i;}
    })
	.attr('id', function(d, i) {
		return "id" + i;
	})
	.attr('value', function(d, i) {
		return dataArray[i];
	})
    .property("checked", function(d, i) { 
	    if (i === menuID) { return true; } else { return false; };
    })
	.on("change", function(d,i){
      	menuID = i;
});

menuItems.append("label")
	.attr('for', function(d, i) {
		return "id" + i;
	})
	.text(function(d,i) {
		return dataArray[i];
	});