jQuery | :checkbox 选择器

简介

jQuery 的 :checkbox 选择器用于选取页面中所有的复选框元素。

语法

$(":checkbox")

示例

HTML

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car"> I have a car 

jQuery

$(":checkbox").click(function(){
  if($(this).is(":checked")){
    alert("You have selected the "+ $(this).attr("value") + " checkbox");
  }
});

• 当一个复选框被点击时，它会弹出一个提示框，告诉用户他们选中了哪个复选框。

解释

1. $(":checkbox") 整行代码选择了整个页面中的所有复选框。这就意味着每个复选框都可以通过这个选择器来获得它的状态。
2. .click(function(){}) 函数，给其中的选中的所有元素添加了一个点击事件监听器。当选择的复选框被点击时，函数就会被执行。注意，这里只添加了点击事件的监听器，因为我们只需要知道用户何时选中了复选框。
3. $(this).is(":checked") 检查当前复选框是否被选中。
4. $(this).attr("value") 获取了当前选中的复选框的值。注意，我们要使用 $(this)，因为我们希望获取当前选中的复选框的值，而不是所有复选框的值。
5. alert() 函数创建一个弹出框，告知用户选择的复选框的值。

以上就是 jQuery 的 :checkbox 选择器的介绍。