jquery 选择器 :checked

最新推荐文章于 2022-04-09 22:09:53 发布
最新推荐文章于 2022-04-09 22:09:53 发布
阅读量125 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery HTML ViewUI

:checked

匹配所有被checked的元素集合。包括在页面加载完以后，点击checkbox或是radio后的checked元素。返回匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    function countChecked() {
      var n = $("input:checked").length;
      $("div").text(n + (n == 1 ? " is" : " are") + " checked!");
    }
    countChecked();
    $(":checkbox").click(countChecked);

  });
  </script>
  <style>
  div { color:red; }
  </style>
</head>
<body>
  <form>
    <input type="checkbox" name="newsletter" checked="checked" value="Hourly" />
    <input type="checkbox" name="newsletter" value="Daily" />
    <input type="checkbox" name="newsletter" value="Weekly" />
    <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
    <input type="checkbox" name="newsletter" value="Yearly" />
  </form>
  <div></div>
</body>
</html>

 

var n = $("input:checked").length;
匹配被checked元素集合。以下为匹配集合

<input type="checkbox" name="newsletter" checked="checked" value="Hourly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />

iteye_2604
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery入门1：JQuery对象和JQuery选择器
卓汶的博客
04-14 580
1、jQuery 介绍 什么是 jQuery ? jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。 jQuery 核心思想！！！ 它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。 jQuery 流行程度 jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 个访问最多的网站中，有超过 55%在使用 jQuery。 jQuery 好处！！
jQuery表单选择器用法详解
12-01
在网页开发中，表单选择器是jQuery中的一个重要部分，它允许开发者高效地定位和操作表单元素。以下是jQuery表单选择器的详细说明： 1. **`:button`** 选择器： - `jQuery(":button")` 用于选取所有`<button>`元素...
html中的input标签的checked属性jquery判断代码
10-27
input 标签具有checked属性，而当input标签的type属性设为button时，如果给input标签的checked属性赋值时，在vs中会报错，提示 特性checked不是元素input的有效特性
jQuery 选择器
十年,不只是一首歌而已
05-05 144
* $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".intro,.demo") class 为 "intro" 或 "demo" 的所有元素 e
jquery利用attr、prop方法获取、设置input的checked属性
热门推荐
xiaouncle的博客
07-23 5万+
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下
jQuery操作checkbox，radio, select 功能
昕颖的专栏
10-29 511
 要引用jqery.js$(function () {    // 全选    $(#hobby_all).click(function () {        $(input[name="hobby[]"]).attr("checked",true);    }) ;    // 反选    $(#hobby_anti_all).click(function () {  
jquery选择checked的问题
jajavaja的专栏
02-11 702
发现ie8普通模式下 $("input[name='check']:checked").val() 能正常选择到对应的复选框 而$("input[name='check'][checked]").val()却会出错,出现随机选择被选中项的问题 很奇怪
jQuery中:checked选择器用法实例
12-11
这个选择器是jQuery选择器的一个特殊形式，它允许开发者方便地操作用户界面中用户已经做出选择的元素。 `:checked`选择器的基本语法非常简单，就像这样： ```javascript $(":checked") ``` 这行代码会返回页面上...
jQuery中:file选择器用法实例
12-08
### jQuery选择器的分类 jQuery的选择器分为几种类型，包括基本选择器（如`#id`, `.class`, `tag`）、层次选择器（如`>`、`+`、`~`）、属性选择器（如`[attr]`, `[attr=value]`, `[attr^=value]`等）、伪类选择器...
jquery选择器，选取checkbox
s20081294的专栏
03-25 664
//部分选择的消息 function deleteCheckedAll(){   var checked = "";   $("input[name='checkbox']").each(function(){     if($(this).attr("checked")){     checked+=$(this).attr("id");     checked+=",";
jQuery 选择器(checked)详解
qq_43375584的博客
04-09 5374
jQuery 选择器(:checked)详解 jQuery的:checked选择器用于匹配所有选中的表单域元素，将其封装为jQuery对象并返回。 选中的表单域是指具有checked属性的radio和checkbox表单域，以及具有selected属性的option标签。 注意：:checked选择器不仅匹配具有checked属性的radio和checkbox，还可以匹配具有selected属性的option标签。网上有些文章说，:checked选择器只匹配具有checked属性的radio和chec
【jQuery】:checked选中状态选择器
O(∩_∩)O
12-17 3300
有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。 例如，在表单中添加多个复选框和单选按钮，其中有一些元素处于选中状态，使用:checked获取并隐藏处于选中状态的元素，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用:checked选择器可以获取处于选
jquery属性选择器的高级用法，[name=aaa]:checked
festone000的专栏
12-31 1441
checked选择器的重叠用法， 一句话的事， var a = $("input[name=aaa]:checked").val(); console.log(a); 特此记一下。 还可以更多重叠： var a = $("input[name=aaa][title=bbb]:checked").val(); console.log(a); ...
jQuery中判断input的checked属性
weixin_34270606的博客
10-20 498
<input type="checkbox" id="ipt1" checked> <input type="checkbox" id="ipt2" checked="checked"> <input type="checkbox" id="ipt3"> var val = $("#ipt").is(":checked"); //...
jQuery方法输出有几个checkbox框被选中
u011927449的博客
05-27 176
每选中一个多选框，输出有多少个选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery.1.1.1.js"></script> <script> $(function () {
2022/3/16jQuery笔记
m0_68189681的博客
03-16 315
今天学了表单对象选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.11.2.js"></script> </head> <body> <input type="checkbox" class="hby" na
:checked选择器
09-21 1713
在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。 示例演示： 通过“:checked”状态来自定义复选框效果。 HTML代码 √ 我是选中状态
jquery查找以选择和未选择的checkBox项
如果没有_明天
03-06 1万+
实际开发中有时在表单提交前需要进行一些预处理，对于checkBox，可以用如下方法获取想要的对象  //没被选中的 var checkedList = new Array(); $("input[name='id']:not(:checked)").each(function() { checkedList.push($(this).val()); }); 已选中的 va
input type="radio" jquery判断checked的三种方法:
dengsha6733的博客
03-04 540
<inputtype="radio"name="radioname"value=""/>全部 <inputtype="radio"name="radioname"value="Y"/>是 <inputtype="radio"name="radioname"value="N"/>否 js： functiongetRadi...
jQuery选择器：快速定位DOM元素的利器
jQuery选择器是jQuery库的核心组成部分，它使得开发者能够高效地定位和操作HTML文档中的DOM元素，简化了前端开发过程。...掌握jQuery选择器是前端开发者必备的技能之一，对于构建动态网页和交互式用户体验至关重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值