2016-06-23 66 views
0

私はデータがラジオボタンの選択の変更などの変更を示し、このサンプルコードを有する選択されたイベント:d3.js 2つのラジオボタンが

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

私は2つのラジオボタンのセットの代わりに挿入したいです1、私はコードにこれらの行を追加しました:

<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> 

私は2つのラジオボタンが選択された場合、イベントが「北」と「2010」のように、起こるように、コードを変更したいと思います。

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

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

例えば:

問題は、私は、私はここに適用するためには、両方のラジオボタン形式の選択された値を得るのですか分からないです。

答えて

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

これは機能しました。ありがとうございました! – Pat