Umschalten zwischen ausgewählten Radiotaste D3

Question

Betrachten Ich habe 4 Radio-Buttons wie in html

<form id="form"> 
    <input type="radio" name="stack" value="north">north<br> 
    <input type="radio" name="stack" value="east" >east<br> 
    <input type="radio" name="stack" value="west">west<br> 
    <input type="radio" name="stack" value="south">south 
</form> 

Wie kann ich den Wert des ausgewählten Optionsfelds erhalten und weisen auf eine globale Variable, auf Auswahl, mit D3.js , so kann ich zwischen Selektionen wechseln?

Answer 1

Wenn das sind die nur Eingänge Sie haben, können Sie tun:

d3.selectAll("input").on("change", function(){ 
    console.log(this.value) 
}); 

Um nur diese spezielle Gruppe von Optionsfeldern, verwenden ihre name:

d3.selectAll("input[name='stack']").on("change", function(){ 
    console.log(this.value) 
}); 

es zuweisen zu einem globalen (Deklaration ohne var):

d3.selectAll("input[name='stack']").on("change", function(){ 
    globalVariable = this.value; 
}); 

Hier ist die Demo:

d3.selectAll(("input[name='stack']")).on("change", function(){ 
 
console.log(this.value) 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<form id="form"> 
 
    <input type="radio" name="stack" value="north">north<br> 
 
    <input type="radio" name="stack" value="east" >east<br> 
 
    <input type="radio" name="stack" value="west">west<br> 
 
    <input type="radio" name="stack" value="south">south 
 
</form>