jQueryからDojoへ - ラジオ・グループを取得する方法Dojoで選択された値

Question

Dojoを使用してプロジェクトを実行する必要があり、ラジオ・グループの対処方法が完全に混乱しています。

require([ "dojo/dom", 
      "dojo/on", 
      "dojo/domReady!"], function(dom, on) { 

    //------? 

}); 

// jQuery way 
 

 
$('input[name=map]').on('change', function() { 
 
    console.info($(this).val()); 
 
}); 
 

 
// Dojo Way ???

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script> 
 

 
<input type="radio" name="map" value="dark"> Dark<br> 
 
<input type="radio" name="map" value="streets"> Street<br> 
 
<input type="radio" name="map" value="terrain"> Terrain

道場であることが

$('input[name=map]').on('change', function() { 
    console.info($(this).val()); 
}); 

を使用して、選択した値を取得するのは簡単ですが、あなたは私がこれを行う方法を教えてくださいすることができ、次のような例を考えてみましょう

ありがとう

Answer 1

それのために。これはそれを行う必要があります。

// Dojo Way: 
 
    \t \t require(["dojo/on", "dojo/query", "dojo/domReady!"], 
 
\t \t function(on, query) { 
 
\t \t \t query("[name='map']").map(function(radio){ 
 
\t \t \t \t on(radio, "change", function(evt){ 
 
\t \t \t \t \t console.log(this.value); 
 
\t \t \t \t }) 
 
\t \t \t }) 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script> 
 

 
<input type="radio" name="map" value="dark"> Dark<br> 
 
<input type="radio" name="map" value="streets"> Street<br> 
 
<input type="radio" name="map" value="terrain"> Terrain