jQuery实现获取多选框的值示例


Posted in jQuery onFebruary 07, 2020

本文实例讲述了jQuery实现获取多选框的值。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>3water.com jQuery获取多选框的值</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  </head>
  <body>苹果:
    <input type="checkbox" name="id" value="aa">香蕉:
    <input type="checkbox" name="id" value="bb">橘子:
    <input type="checkbox" name="id" value="cc">
    <button id="btn">批量删除</button>
  </body>
  <script>
  $('#btn').click(function () {
    var id=[];
    $("input[name='id']:checked").each(function(){
      id.push($(this).val());
    });
    console.log(id);
  });
  </script>
</html>

运行效果

 jQuery实现获取多选框的值示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
jQuery自定义多选下拉框效果
Jun 19 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 #jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 #jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 #jQuery
9种方法优化jQuery代码详解
Feb 04 #jQuery
jQuery实现小火箭返回顶部特效
Feb 03 #jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 #jQuery
Jquery Datatables的使用详解
Jan 30 #jQuery
You might like
PHP实现的简单日历类
2014/11/29 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
Python常见文件操作的函数示例代码
2011/11/15 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
村抢险救灾方案
2014/05/09 职场文书
驻村工作先进事迹
2014/08/14 职场文书
关于运动会的广播稿
2014/09/22 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
销售开票员岗位职责
2015/04/15 职场文书
小学校园广播稿
2015/08/18 职场文书
师德培训心得体会2016
2016/01/09 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
python中的sys模块和os模块
2022/03/20 Python