Html 如何使用dojo通过单击单选按钮来显示/隐藏DIV?
默认情况下,应选择状态并显示状态下拉列表。如果选择“区域”单选按钮,则应显示“区域”下拉列表。以下是加价。如何使用dojo来实现这一点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
状态
区域
阿拉巴马州
阿拉斯加州
东南部
中北部
一个简单的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。