Jquery选择器(九) -- Form Filters-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_4497/article/details/81861358

本文介绍了jQuery中四种表单状态选择器的使用方法，包括:enabled、:disabled、:checked和:selected，通过示例展示了如何匹配不同状态的表单元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单过滤器

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

Js代码

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

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

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

Js代码

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

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

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

Js代码

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

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

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

Js代码

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

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