（9）Dojo学习之query选择器（下）

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的形式演示了每一种选择器应该如何去使用。