jQuery 遍历选中的checkbox

最新推荐文章于 2021-03-13 02:43:55 发布

gxl_ct001

最新推荐文章于 2021-03-13 02:43:55 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jQuery checkbox inArray ViewUI

本文链接：https://blog.youkuaiyun.com/gxl_ct001/article/details/84602169

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery进行元素操作的具体案例，展示了如何通过遍历DOM节点并利用jQuery的inArray方法来判断特定值是否存在数组中，并据此显示或隐藏不同的HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		var accessArr = [];
		
		$('#accessModeDiv input[type=checkbox]').each(function(e){
			var isChked = $(this).prop("checked"); // 是否选中
			if(isChked){
				var accessMode = $(this).val();
				accessArr.push(accessMode);
			}
		});

jQuery inArray() 用法例子：

如果元素在数组中则返回元素的位置，如果不在数组中则返回 -1;

类似 indexOf;

		var arrLen = accessArr.length;
		if(arrLen === 0)
		{
			//$('#morePropertiesDiv').hide();
		}
		if($.inArray('1',accessArr) !== -1)
		{
			$('#weixinDiv').show();
		}
		else
		{
			$('#weixinDiv').hide();
		}
		if($.inArray('2',accessArr) !== -1)
		{
			$('#dopoolTvDiv').show();
		}
		else
		{
			$('#dopoolTvDiv').hide();
		}
		if($.inArray('3',accessArr) !== -1)
		{
			$('#appDiv').show();
		}
		else 
		{
			$('#appDiv').hide();
		}
		if($.inArray('4',accessArr) !== -1 && arrLen === 1)
		{
			$('#weixinDiv').hide();
			$('#dopoolTvDiv').hide();
			$('#appDiv').hide();
		}