從jQuery到Dojo - 如何獲得無線電組在Dojo中的選定值

Question

我需要使用Dojo完成一個項目，而我完全困惑於如何處理一組無線電。考慮像下面的一個例子，很容易通過使用

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

獲得選擇的值，但你可以請讓我知道該怎麼做，這是道場

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

謝謝

Answer 1

您需要使用dojo/query。這應該做到這一點。

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