如何在Dojo中获取无线电组'

How to get a radio group's selected value in Dojo

本文关键字:无线电 获取 Dojo      更新时间:2023-09-26

我需要使用Dojo做一个项目,我完全不知道如何处理一组无线电。考虑下面的例子:使用

可以很容易地获得所选值:
$('input[name=map]').on('change', function() {
    console.info($(this).val());
});

如何在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

您需要使用dojo/query。这个应该可以。

    // Dojo Way:
 		require(["dojo/on", "dojo/query", "dojo/domReady!"],
		function(on, query) {
			query("[name='map']").map(function(radio){
				on(radio, "change", function(evt){
					console.log(this.value);
				})
			})
	});
<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