Jquery选择器(9) - Form Filters

表单过滤器


[1]? :enabled????? Returns: Array<Element(s)>
????? 说明： 匹配所有可用的表单元素。
??????

Js代码

1. $("input:enabled").val("this?is?it");??

$("input:enabled").val("this is it");

[2]? :disabled????? Returns: Array<Element(s)>
????? 说明： 匹配所有不可用的表单元素。
??????

Js代码

1. $("input:disabled").val("this?is?it");??

$("input:disabled").val("this is it");

[3]? :checked????? Returns: Array<Element(s)>
????? 说明： 匹配所有选中的表单元素，包含单选按钮和复选按钮。
??????

Js代码

1. $("input:checked").val("this?is?it");??

$("input:checked").val("this is it");

[4]? :selected????? Returns: Array<Element(s)>
????? 说明： 匹配所有选中的表单元素。
?????????????????? 该选择器不包含单选按钮和复选按钮，用:checked可以达到想要的效果。
??????

Js代码

1. $("select").change(function?()?{ ??
2. ????var?str?=?""; ??
3. ????$("select?option:selected").each(function?()?{ ??
4. ???????????str?+=?$(this).text()?+?"?"; ??
5. ?????}); ??
6. ????$("div").text(str); ??
7. }) ??
8. .trigger('change');??

$("select").change(function () {
    var str = "";
    $("select option:selected").each(function () {
           str += $(this).text() + " ";
     });
    $("div").text(str);
})
.trigger('change');