问题:循环元素,被选中元素个数,全选

一段时间不写js都有点忘记了,这里看几个常见的js,涉及到循环,计算元素个数,checkbox选中等问题,首先是html元素

<div class="content border p05"><div><input type="checkbox" id="selectAll" name="selectAll">Select All</div><table><tbody><tr style="text-align: left;"><th>&nbsp;</th><th style="width:10%;">Qty</th><th>Descritpion</th><th>Item ID</th></tr><tr><td><input type="checkbox" class="item_id" value="29714200" name="item_id[]" style="width: 12px;"></td><td>25</td><td>Personalized Holiday CardsPersonalized Holiday Cards - 5" x 7" Cardstock - Standard Cardstock - White Envelopes</td><td>29714200</td></tr><tr><td style="text-align: center;padding-top:30px;" colspan="4"><div class="btn large step1">Submit</div></td><td></td></tr></tbody></table></div>

1.全选问题

        $('#selectAll').click(function() {if($(this).attr('checked') == 'checked') {$("input[name='item_id[]']").attr("checked", true);//$('.item_id').attr('checked', true);var length = $('.item_id').length;$('#number').html(length);                } else {$('.item_id').removeAttr('checked');$('#number').html(0);}});

注意判断checkbox是否选中是"if($(this).attr('checked') == 'checked')",不是if($(this).attr('checked') == ture),但是很奇怪的是可以用true赋值$("input[name='item_id[]']").attr("checked", true);

 

2.判断checkbox选中个数

$('.item_id:checked').length,这个写法很简洁的

 

3.循环元素,绑定函数

            var num = 0;$.each($('.item_id'),function(i,v){if($(this).attr('checked') == 'checked'){num++;}});if(0 == num){alert('please select item(s)');return false;}

其实这写法有点啰嗦,可以直接if(0==$('.item_id:checked').length){ alert('please select item(s)'); }

 

转载于:https://www.cnblogs.com/tylerdonet/p/4179795.html

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

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

相关文章

LeetCodeOJ. String to Integer (atoi)

试题请參见: https://oj.leetcode.com/problems/string-to-integer-atoi/ 题目概述 Implement atoi to convert a string to an integer.Hint: Carefully consider all possible input cases. If you want a challenge, please do not see below and ask yourself what are the…

html如何设置滚动动画,JavaScript 实现页面滚动动画

在做前端 UI 效果时&#xff0c;让元素根据滚动位置实现动画效果是一个非常流行的设计&#xff0c;通常我们会使用第三方插件或库来实现。在本教程中&#xff0c;我将教大家使用纯 JavaScript 和 CSS 来实现。先预览一下实现的效果&#xff1a;我们使用 CSS 来实现动画&#xf…

oraclenbsp;一个稍微大点数据库

公司有个水电收费系统,在包头试运行, 给了我一个dmp让熟悉一下业务. dmp是压缩过的.80多兆好像.解压下300多兆好像.导入, 有几个表是50万行的,几个30万左右,200多个表(没数).很多表是0行,设计居民用户单位用户一堆一堆的.用户有几万个. 问题是这样的: 收费系统每个月要结算一个…

绝非玩笑!人工智能或开创黑客新时代

专家称&#xff0c;未来的网络战争可能是机器对机器&#xff0c;这可能需要几年甚至几十年时间&#xff0c;但黑客并不一定总是人类。人工智能(AI)是可彻底改变网络安全的技术&#xff0c;而它有一天可能成为最终的攻击工具。 今年8月由美国国防部先进项目研究局(DARPA)赞助的C…

redis 笔记06 发布与订阅、事务、慢查询日志、监视器

发布与订阅 1. 服务器状态在pubsub_channels字典保存了所有频道的订阅关系&#xff1a;SUBSCRIBE命令负责将客户端和被订阅的频道关联到这个字典里面&#xff0c;而UNSUBSCRIBE命令则负责 解除客户端和被退订频道之间的关联。 2. 服务器状态在pubsub_patterns链表保存了所有模式…

html中文段落,HTML 段落-JavaScript中文网-JavaScript教程资源分享门户

HTML 可以将文档分割为若干段落。HTML 段落段落是通过 标签定义的。实例这是一个段落 这是另一个段落尝试一下 注意&#xff1a;浏览器会自动地在段落的前后添加空行。( 是块级元素)不要忘记结束标签即使忘了使用结束标签&#xff0c;大多数浏览器也会正确地将 HTML 显示出来&a…

自学python系列14:映像,集合类型-集合类型

集合类型1.1如何创建集合类型和给集合赋值1.1.1 如何创建集合类型和给集合赋值集合的工厂方法set()和frozenset()>>> sset(abc)>>> sset([a, c, b])>>> tfrozenset(abc)>>> tfrozenset([a, c, b])len()计算的是集合的字母的个数1.1.2如何访…

观点:我们为什么需要威胁情报?

最近被谈论的异常火热的一个术语就是威胁情报&#xff0c;那么威胁情报到底是什么意思&#xff0c;它是一种什么概念或者机制呢?本文中我们就来亲密接触一下威胁情报&#xff0c;并了解它所具有的功能&#xff0c;然后给出几个威胁情报的最佳实践示例&#xff0c;最后分析威胁…

vijos 1942 [AH 2005] 小岛

描述 西伯利亚北部的寒地&#xff0c;坐落着由 N 个小岛组成的岛屿群&#xff0c;我们把这些小岛依次编号为 1 到 N 。 起初&#xff0c;岛屿之间没有任何的航线。后来随着交通的发展&#xff0c;逐渐出现了一些连通两座小岛的航线。例如增加一条在 u 号小岛与 v 号小岛之间的航…

聊城大学计算机应用基础函授,聊城大学试题计算机应用基础试题

姓名 年级专业层次 教学单位密封线 第1页 共3页聊城大学《计算机应用基础》函授试题一、判断题(共10题&#xff0c;每题2分&#xff0c;共20分)1、信息按状态划分可以划分为动态信息和静态信息。( √ )2、操作系统不具有通用性。( )3、在Windows XP环境中&#xff0c;整个显示…

Struts2中 Path (getContextPath与basePath)

struts2中的路径问题是根据action的路径而不是jsp路径来确定&#xff0c;所以尽量不要使用相对路径。 虽然可以用redirect方式解决&#xff0c;但redirect方式并非必要。解决办法非常简单&#xff0c;统一使用绝对路径。&#xff08;在jsp中用request.getContextpath方式来拿到…

(七)SpringBoot+SpringCloud —— 集成断路器

2019独角兽企业重金招聘Python工程师标准>>> 断路器简介 在一个项目中&#xff0c;系统可能被拆分成多个服务&#xff0c;例如用户、订单和库存等。 这里存在这服务调用服务的情况&#xff0c;例如&#xff0c;客户端调用订单服务&#xff0c;订单服务又调用库存服务…

Java反射机制的使用方法

Java的反射机制同意你在程序执行的过程中获取类定义的细节。有时候在程序执行的时候才得知要调用哪个方法&#xff0c;这时候反射机制就派上用场了。获取类 类的获取方法有下面几种&#xff1a;forName()。通过Class.forName()获取与字符串向相应的类。比方\lstinline{Class.fo…

银行计算机设备日常检查表,[计算机]201154安全检查表.doc

[计算机]201154安全检查表土建基础框架施工检查表编号&#xff1a;2011-03-01-11工程名称铸造车间检查时间2011 年 月 日检查部位基础施工检 查 人检 查结 论百分制折合分数&#xff1a;需要整改共 条。受检单位河南周口受检责任人检 查 内 容检查项目检查内容和安全文明施工要…

我为什么要写FansUnion个人官网-BriefCMS-电子商务malling等系统

不少朋友一直关注我最近几个月&#xff0c;已经做的和正在做的项目&#xff0c;比如个人官网、BriefCMS、电子上午malling等系统。但是呢&#xff0c;部分朋友比较好奇&#xff0c;为啥要去写。他们比较疑惑的是&#xff0c;市面上已经有很多类似的系统了&#xff0c;甚至有部分…

Node开发文件上传系统及向七牛云存储和亚马逊AWS S3的文件上传

背景起&#xff0c;有奏乐&#xff1a; 有伟人曰&#xff1a;学习技能的最好途径莫过于理论与实践相结合。 初学Node这货时&#xff0c;每每读教程必会Fall asleep。 当真要开发系统时&#xff0c;顿觉精神百倍&#xff0c;即便踩坑无数也不失斗志。 因为同团队的小伙伴们都在辛…

计算机学业水平考试及格,信息技术学业水平考试表格部分试题(带答案)

第三章表格信息的加工与表达复习学案【学习目标】1.熟练使用excel加工表格信息&#xff0c;理解用图表来表现信息的特点与意义&#xff0c;2.能根据表格数据关系选择合适的图表类型表达意图。【考点】1.表格中常用的函数及其求值方法&#xff1b;2.根据数据选择合适的图表类型&…

Ok6410挂载NFS

虚拟机&#xff1a; apt-get install portmap apt-get install nfs-kernel-server mkdir /nfs/root/mNFS chmod 777 /nfs chmod 777 /nfs/root vi /etc/exports 添加&#xff1a;/nfs/root *(rw,sync,no_root_squash) 开发板&#xff1a; mount -t nfs 192.168.0.12…

云计算:容器技术变革云计算,SaaS带动CaaS市场

报告摘要&#xff1a; 1、容器技术增速惊人&#xff0c;市场认可度提高 虚拟化是云计算的重要基础&#xff0c;Docker定义了一套容器从构建到执行的标准化体系&#xff0c;改变了传统的虚拟化技术&#xff0c;深度影响了云计算领域。 随着谷歌、亚马逊、微软等云计算厂商纷纷加…

Jan 12 - Delete Node in a Linked List; Data Structure; Linked List; Pointer;

代码&#xff1a; /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode(int x) { val x; }* }*/ public class Solution {public void deleteNode(ListNode node) {if(node null) return;while(node.next ! …