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

全栈程序员站长

发布于 2022-08-05 08:28:08

2.9K0

发布于 2022-08-05 08:28:08

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

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.cn/106245.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年4月2，如有侵权请联系 cloudcommunity@tencent.com 删除

html