2016-06-23 6 views
0

ich diesen Beispielcode haben, wo Datenänderungen wie die Optionsfeld Auswahl ändert gezeigt:d3.js Ereignis, wenn zwei Radiobuttons ausgewählt

http://bl.ocks.org/juan-cb/1984c7f2b446fffeedde

Ich möchte zwei Sätze von Radiobuttons einfügen statt ein, so habe ich diese Zeilen Code:

<form> 
<label><input type="radio" name="region" id="region" value="North" checked> North</label> 
<label><input type="radio" name="region" id="region" value="South"> South</label> 
<label><input type="radio" name="region" id="region" value="East"> East</label> 
<label><input type="radio" name="region" id="region" value="West"> West</label> 
</form> 

<form> 
<label><input type="radio" name="dataset" id="dataset" value="2009" checked> 2009</label> 
<label><input type="radio" name="dataset" id="dataset" value="2010"> 2010</label> 
<label><input type="radio" name="dataset" id="dataset" value="2011"> 2011</label> 
<label><input type="radio" name="dataset" id="dataset" value="2012"> 2012</label> 
<label><input type="radio" name="dataset" id="dataset" value="2013"> 2013</label> 
<label><input type="radio" name="dataset" id="dataset" value="2014"> 2014</label> 
</form> 

ich möchte den Code ändern, damit das Ereignis geschieht, wenn zwei Radiobuttons ausgewählt werden, wie „Nord“ und „2010“.

Problem ist, ich weiß nicht, wie ich die ausgewählten Werte der beiden Optionsfeld Formen, um hier zu bewerben erhalten:

d3.selectAll("input") 
.on("change", selectDataset); 

function selectDataset() 
{ 
    var value = this.value; 
    if (value == "total") && (value == "North") 
{ 
    change(datasetTotal); 
} 
(...) 
} 

Zum Beispiel.

Antwort

0
var selectedRegion = d3.select('input[name=region]:checked').attr('value'); 
var selectedDataset = d3.select('input[name=dataset]:checked').attr('value') 

if (selectedDataset == "total") && (selectedRegion == "North") { 
    ... 
} 
+1

Es hat funktioniert! Vielen Dank! – Pat