jquery循环获取所有复选框,包括选中的,未选中的「建议收藏」

jquery循环获取所有复选框,包括选中的,未选中的「建议收藏」jquery循环获取所有复选框,包括选中的,未选中的

大家好,又见面了,我是你们的朋友全栈君。

html代码:

<@checkbox>
			<#--遍历补件类型-->
			<#list applyPatcltDtos as applyPhBoltDto>
				<#if applyPatcoltDto.ifthBolt><#--已经勾选-->
					<label><input type="checkbox" id="bb" data-ar-value_split="," name="checkBox" checked="true"/>${(applyPatto.applyPatchBoltTitle)} </label>
					<#else>
					<label><input type="checkbox" id="bb"data-ar-value_split="," name="checkBox" />${(applyPaoltDto.applyPatTitle)} </label>
				</#if>
			</#list>
		</@checkbox>

此处小编的是freemarker代码,不过html代码一样的,有了复选框后,要保证每个复选框的name是一致的。这样下面才能遍历

<@button name=”测试” click=”aa”/>

此处加个按钮吧,点击出发按钮获取页面所有的复选框

jquery 代码:

function aa(){
		var checkedNum=0;<#--补件种类复选框被选中的个数-->
		var checkNum=0;<#--补件种类复选框总个数-->
		$('input[name="checkBox"]').each(function(index,element){
			checkNum++;
		});
		$('input[name="checkBox"]:checked').each(function(index,element){
			checkedNum++;
		});
		alert(checkedNum==checkNum);
	}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/106245.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月23日 下午12:20
下一篇 2022年4月23日 下午12:40


相关推荐

  • arm架构和riscv架构_开源芯片架构

    arm架构和riscv架构_开源芯片架构首先,是cpu的两大架构:ARM和X86。

    2025年9月26日
    7
  • 5g端到端网络切片技术_5G网络切片的特征

    5g端到端网络切片技术_5G网络切片的特征1、网络切片的一些概念网络切片(Slice):基于客户化需求,可以被设计、部署、维护的逻辑网络,旨在满足特定的客户、业务、商业场景的业务特点及商业模式。网络切片实例(E2ESliceInstance-ESI):网络切片实例(Instance)是一个临时逻辑网络,跨多个技术域,包含:(1)组网络:”功能”(Function)即虚拟网元(终端、接入网、回传网、核心网、业务网络)及网管系统对应的资源;(2)存储、运算;(3)连接关系。2、网络切片原因:未来业务需求差异

    2026年4月15日
    4
  • 对互信息量的理解

    对互信息量的理解在概率论与随机过程中对于两个随机变量 X 与 Y 我们仅仅停留在随机变量 X 与 Y 是否相关这个非黑即白的问题

    2026年3月16日
    2
  • mysql自定义函数详解_java eval函数

    mysql自定义函数详解_java eval函数存储函数创建存储函数,需要使用CREATEFUNCTION语句,基本语法如下:CREATEFUNCTIONfunc_name([func_parameter])RETURNSTYPE[characteristics…]routine_bodyCREATEFUNCTION为用来创建存储函数的关键字;func_name表示存储函数的名称func_parameter为存储函数的参数列表,参…

    2025年10月7日
    3
  • Cursor推出“Automations”,让AI编程代理实现自动运行

    Cursor推出“Automations”,让AI编程代理实现自动运行

    2026年3月16日
    2
  • Eureka工作原理

    Eureka工作原理上节内容为大家介绍了,注册中心Eureka产品的使用,以及如何利用Eureka搭建单台和集群的注册中心。这节课我们来继续学习Eureka,了解它的相关概念、工作流程机制等。Eureka作为SpringCloud体系中最核心、默认的注册中心组件,研究它的运行机制,有助于我们在工作中更好地使用它。Eureka核心概念回到上节的服务注册调用示意图,服务提…

    2022年4月5日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号