Html 如何使用dojo通过单击单选按钮来显示/隐藏DIV?

Html 如何使用dojo通过单击单选按钮来显示/隐藏DIV?,html,button,dojo,radio,Html,Button,Dojo,Radio,默认情况下,应选择状态并显示状态下拉列表。如果选择“区域”单选按钮,则应显示“区域”下拉列表。以下是加价。如何使用dojo来实现这一点 状态 区域 阿拉巴马州 阿拉斯加州 东南部 中北部 一个简单的js脚本就足够了,但是如果您想在Dojo中实现它,请参阅my JSFIDLE: 我已经在html中添加了一些数据属性,如果您想添加其他输入,可以使其成为全局的 dojo中的js代码: require([ 'dojo/dom', 'dojo/dom-construct', 'dojo/d

默认情况下,应选择状态并显示状态下拉列表。如果选择“区域”单选按钮,则应显示“区域”下拉列表。以下是加价。如何使用dojo来实现这一点

状态
区域
阿拉巴马州
阿拉斯加州
东南部
中北部

一个简单的js脚本就足够了,但是如果您想在Dojo中实现它,请参阅my JSFIDLE:

我已经在html中添加了一些数据属性,如果您想添加其他输入,可以使其成为全局的

dojo中的js代码:

require([
  'dojo/dom',
  'dojo/dom-construct',
  'dojo/dom-style',
  'dojo/query',
  'dojo/on',
  'dojo/domReady!'
], function (dom, domConstruct,domStyle,query,On) {

   domStyle.set(dom.byId('state'), "display", "block");
   domStyle.set(dom.byId('region'), "display", "none");

   On(query('.radio'),'change',function(){
    query('.combo').forEach(function(divElement){
        domStyle.set(divElement, "display", "none");
    });
    domStyle.set(dom.byId(this.dataset.target), "display", "block");
   });
});

为什么不在这里使用简单的js呢?我们试图避免使用原生js和其他库,严格使用我从未使用过的Dojo。