在 js 中怎样获得 checkbox 里选中的多个值?(jQuery)

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:

1、HTML结构

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="show()"/>

2、javascript代码(jQuery)

function show(){var obj = document.getElementsByName("test");var check_val = [];for(var k in obj){if(obj[k].checked)check_val.push(obj[k].value);}alert(check_val);
}

3、演示效果

转自: https://www.cnblogs.com/sunxirui00/p/7498014.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/447868.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GFM与博客园markdown测试

博客园流程图 st>start: Start e>end op>operation: My Operation cond>condition: Yes or No?st->op->cond cond(yes)->e cond(no)->op 转载于:https://www.cnblogs.com/oneTOinf/p/11462716.html

路考步骤七步走 科目三考试一定没问题!

路考步骤一&#xff1a;科目三考试时&#xff0c;在上车前&#xff0c;无论你在车辆的什么位置&#xff0c;请务必从车的右侧绕过车头走到驾驶室门前&#xff0c;先观察车前道路上是否有障碍&#xff0c;再观察车后方是否有来车&#xff0c;确保安全后&#xff0c;打开车门&…

VUE项目中 获得多个复选框 checkbox 选中的值(jquery)+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 表格生成后第一列是复选框&#xff0c;效果&#xff1a; 表格是直接循环展示的后台返回数据&#xff0c;代码写法&#xff1a; 2. 得…

[开源] FreeSql.AdminLTE.Tools 根据实体类生成后台管理代码

前言 FreeSql 发布至今已经有9个月&#xff0c;功能渐渐完善&#xff0c;自身的生态也逐步形成&#xff0c;早在几个月前写过一篇文章《ORM 开发环境之利器&#xff1a;MVC 中间件 FreeSql.AdminLTE》&#xff0c;您可以先阅读上一篇文章内容了解来龙去脉&#xff0c;再回到这里…

新驾考科目三-2014新交规科目三大路考试技巧

新驾考科目三考试内容及变化&#xff1a; A、上车准备;B、起步;C、直线行驶; D、加减挡位操作;E、变更车道; F、靠边停车;G、直行通过路口; H、路口左转弯;I、路口右转弯;J、通过人行横道线;K、通过学校区域;L、通过公共汽车站;M、会车; N、超车;P、掉头;Q、夜间行驶。增加了加…

《小狗钱钱》:理财首先应该有一种强烈的意识

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 《小狗钱钱》读完了。以下是个人觉得很有帮助和启发意义的摘抄。 1) "忽视就是一种认输"。2) 并非困难使我们放弃&#xff0c…

R语言 plot()函数 基础用法

plot(xx轴数据,yy轴数据,main"标题",sub"子标题"&#xff0c;type"线型",xlab"x轴名称"&#xff0c;ylab"y轴名称"&#xff0c;xlim c(x轴范围&#xff0c;x轴范围),ylim c(y轴范围,y轴范围)) 转载于:https://www.cnblogs…

广州驾校考试实际道路考试注意事项(图)

导读&#xff1a;面对实际道路考试时&#xff0c;大家都会有些紧张&#xff0c;因为这个科目不再只是面对场地&#xff0c;而是要面对各种状况和各种车辆&#xff0c;也是获取驾照的最后一个关卡。因此&#xff0c;为了让大家掌握考试的整个流程&#xff0c;网为大家带来科目四…

《 Docker 进阶与实战 》 读书笔记

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 以下内容全文出自书目&#xff1a;《 Docker 进阶与实战 》 1. Docker 定义&#xff1a;一个开源的容器引擎&#xff0c;可以方便地对容…

农村女人与城市女人的差别

1、农村女孩20岁结婚当妈很普遍&#xff0c;城市女孩三十多岁做剩女很普遍。 2、农村女孩对男方主要谈彩礼和家庭条件;城市女孩对男方主要谈房子和车子。 3、农村女人婚后不管经济条件如何立马生孩子&#xff0c;且基本上是两胎以上;城市女人婚后得看条件计划生孩子&…

【转】R语言函数总结

原博&#xff1b;R语言与数据挖掘&#xff1a;公式&#xff1b;数据&#xff1b;方法R语言特征 对大小写敏感通常&#xff0c;数字&#xff0c;字母&#xff0c;. 和 _都是允许的(在一些国家还包括重音字母)。不过&#xff0c;一个命名必须以 . 或者字母开头&#xff0c;并且如…

《工作前5年,决定你一生的财富》三公子TXT,PDF,epub,mobi,azw3,kindle电子书下载

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 去年收到编辑出书的邀约&#xff0c;想让我把这些年的理财心得做个整理&#xff0c;跟学习理财的朋友一起分享。其实&#xff0c;收到邀…

潜藏在人体体内的12种毒素

人的身体内有12大毒素为细菌的增殖和侵袭铺好了道路。百病不生&#xff0c;就得清除身体内的12毒素。身体内有哪些毒素以及百病不生的解决方法&#xff1a; 体内毒素1.坏胆固醇 坏胆固醇主要表现为&#xff1a;初期没有自觉症状&#xff0c;出现黄色瘤(淡黄色的脂肪肿块)时…

const型数据小结

以下面Time类为例&#xff1b; #include<iostream> using namespace std; class Time { public:Time(int,int,int);void fun();int hour; int minute; int sec; }; Time::Time(int h,int m,int s) { hourh; minutem; secs; }; 形 式 含 义 Tim…

《趋势的力量》-- 观念决定了个人发展的战略路线(大学生选择专业、就业、考研与否的建议)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 最近几天看了好几本书&#xff0c;其中这一本个人觉得很有启发意义。于是记录一二。 主体大纲&#xff1a; -------------------------…

广州交警发布科目三电子路考操作要点

眼看着驾考科目三正式实施新考法的日子就要来了&#xff0c;不少在4月15日之后考试的学员开始着急了&#xff0c;这科目三的电子考到底考什么&#xff1f;不仅学员说不清楚&#xff0c;许多驾校教练也说不清楚&#xff0c;他们只能根据经验猜想个大概。现在好了&#xff0c;官方…

中间件 - 初识

中间件 - 初识 ​ 在Java项目实际开发中&#xff0c;我们所使用的ActiveMQ、RibbitMQ、Kafka、Tomcat、WebLogic&#xff0c;这些都可以统称为中间件。 ​ 我们初次去了解&#xff0c;什么是中间件? 一、中间件简介 ​ 什么是中间件&#xff1f; ​ 由于业务、机构和技术是不断…

VUE 解决:Property or method “deleteFun“ is not defined on the instance but referenced during render.

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 一个点击事件报错&#xff1a; Property or method "deleteFun" is not defined on the instance but referenced during…

广州交警发布路考秘籍 科目三扣分点近80项

科目三扣分点近80项 设定13种不合格情形 电子路考16日将正式全面实行&#xff0c;昨日&#xff0c;广州市交警部门发布《科目三路考系统操作指南和评判标准》。据不完全统计&#xff0c;人工评判加上计算机评判&#xff0c;扣分点多达近80项&#xff0c;还设定了13种情形一律不…

js中动态引入css样式文件

function loadStyles(url) {var link document.createElement("link");link.rel "stylesheet";link.type "text/css";link.href url;var head document.getElementsByTagName("head")[0];head.appendChild(link); } 使用&#xf…