jQuery | :radio 选择器

介绍

在 jQuery 中，:radio 选择器用于选择所有类型为 “radio” 的表单元素。

语法

$(":radio")

示例

$(document).ready(function(){
  $(":radio").click(function(){
    alert("您选择了一个单选按钮")
  });
});

以上代码将会在页面加载完成后，给所有的单选按钮添加点击事件，并弹出一个提示框。

:radio 选择器与其他选择器的联合使用

我们可以结合 :radio 选择器与其他选择器来对不同的表单元素进行操作：

• 选择所有选中的单选按钮：

$(":radio:checked")

• 选择所有未选中的单选按钮：

$(":radio:not(:checked)")

• 选择所有启用的单选按钮：

$(":radio:enabled")

• 选择所有禁用的单选按钮：

$(":radio:disabled")

总结

使用 :radio 选择器可以方便地选中页面中的单选按钮，并进行相关的操作。此外，结合其他选择器，可以实现更加精细的选中效果。