• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jQuery操作复选框(CheckBox)的取值赋值实现代码

jQuery操作复选框(CheckBox)的取值赋值实现代码

作者:飘雪之吻 字体:[增加 减小] 来源:互联网 时间:2017-05-11

飘雪之吻通过本文主要向大家介绍了jquery复选框全选,jquery复选框选中事件,jquery复选框是否选中,jquery 复选框,jquery 复选框选中等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

1. 获取单个checkbox选中项(三种写法):

$("input:checkbox:checked").val() 
</div>

或者

$("input:[type='checkbox']:checked").val(); 
</div>

或者

$("input:[name='ck']:checked").val(); 
</div>

2. 获取多个checkbox选中项:

$('input:checkbox').each(function() { 
  if ($(this).attr('checked') ==true) { 
    alert($(this).val()); 
  } 
}); 
</div>

3. 设置第一个checkbox 为选中值:

$('input:checkbox:first').attr("checked",'checked'); 
</div>

或者

$('input:checkbox').eq(0).attr("checked",'true'); 
</div>

4. 设置最后一个checkbox为选中值:

$('input:radio:last').attr('checked', 'checked'); 
</div>

或者

$('input:radio:last').attr('checked', 'true');
</div>

5. 根据索引值设置任意一个checkbox为选中值:

$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 
</div>

或者

$('input:radio').slice(1,2).attr('checked', 'true'); 
</div>

6. 选中多个checkbox:

同时选中第1个和第2个的checkbox:

$('input:radio').slice(0,2).attr('checked','true'); 
</div>

7. 根据Value值设置checkbox为选中值:

$("input:checkbox[value='1']").attr('checked','true');
</div>

8. 删除Value=1的checkbox:

$("input:checkbox[value='1']").remove();
</div>

9. 删除第几个checkbox:

$("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 
如删除第3个checkbox: 
$("input:checkbox").eq(2).remove();
</div>

10.遍历checkbox:

$('input:checkbox').each(function (index, domEle) { 
//写入代码 
});
</div>

11.全部选中

$('input:checkbox').each(function() { 
  $(this).attr('checked', true); 
});
</div>

12.全部取消选择:

$('input:checkbox').each(function () { 
  $(this).attr('checked',false); 
});
</div>

以上所述是小编给大家介绍的jQuery操作复选框(CheckBox)的取值赋值实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于JavaScript实现复选框的全选和取消全选
  • jQuery多选框选择数量限制方法
  • javascript实现复选框全选或反选
  • jQuery实现复选框的全选和反选
  • jquery 实现复选框的全选操作实例代码
  • jQuery 全选 全不选 事件绑定的实现代码
  • jQuery操作复选框(CheckBox)的取值赋值实现代码

相关文章

  • 2017-05-11基于Bootstrap的网页设计实例
  • 2017-05-11使用BootStrap实现标签切换原理解析
  • 2017-05-11angular分页指令操作
  • 2017-05-11jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
  • 2017-05-11微信小程序 动态的设置图片的高度和宽度详解及实例代码
  • 2017-05-11Webpack中css-loader和less-loader的使用教程
  • 2017-05-11jQuery实现复制到粘贴板功能
  • 2017-05-11angularjs 实现带查找筛选功能的select下拉框实例
  • 2017-05-11简单实现jQuery弹幕效果
  • 2017-05-11js实现适配不同的屏幕大小

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • xmlplus组件设计系列之图标(ICON)(1)
    • JS实现旋转木马式图片轮播效果
    • 纯原生js实现贪吃蛇游戏
    • ThinkPHP+jquery实现“加载更多”功能代码
    • 利用node.js搭建简单web服务器的方法教程
    • Vue 2.x教程之基础API
    • 微信小程序 picker-view 组件详解及简单实例
    • nodejs个人博客开发第六步 数据分页
    • node.js实现登录注册页面
    • 纯JS实现弹性导航条效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有