7.表单对象属性过滤选择器
7.1 对可用input赋值
- 创建标签
<input name="add" value="可用"/>
<input name="email" value="可用"/>
<input name="che" disabled="disabled" value="不可用"/>
<input name="name" disabled="disabled" value="不可用"/>
- 对表单内 可用input 赋值操作
require(["dojo/query","dojo/domReady!"], function(query) {
query("input:enabled").forEach(function(input){
input.value="xxx";
})
});
- 运行结果(运行前和运行后)
7.2 对不可用input赋值
- 标签(和7.1一样)
- 对表单内 不可用input 赋值操作.
require(["dojo/query","dojo/domReady!"], function(query) {
query("input:disabled").forEach(function(input){
input.value="xxx";
})
});
- 运行结果(运行前和运行后)
7.3 获取多选框选中的个数
- 创建多选框标签
<input type="checkbox" name="a" checked="checked" value="test1" />test1
<input type="checkbox" name="a" value="test2" />test2
<input type="checkbox" name="a" value="test3" />test3
<input type="checkbox" name="a" checked="checked" value="test4" />test4
<input type="checkbox" name="a" value="test5" />test5
- 获取多选框选中的个数.
require(["dojo/query","dojo/domReady!"], function(query) {
alert(query("input[name=a]:checked").length)
});
- 运行结果(运行前和运行后)
7.4 获取下拉框选中的内容.
- 创建我们的标签
<select name="test" >
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北</option>
</select>
- 获取下拉框选中的内容.
require(["dojo/query","dojo/domReady!"], function(query) {
alert(query("select>option[selected=selected]")[0].text)
});
- 运行结果
8.表单选择器
8.1 选择form表单下的某一类元素
- 创建标签
<form id="form1">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
</form>
- 选择id为form1的所有input的type属性为text标签
require(["dojo/query","dojo/domReady!"], function(query) {
//注意::text前面有一个空格
query("#form1 :text").forEach(function(text){
text.value="aaaa";
})
});
- 运行结果
9.总结
一共用了三篇博客终于写完了关于query选择器的基本用法,在这三篇博客中总共介绍了7种选择器。用demo的形式演示了每一种选择器应该如何去使用。