`

jQuery 遍历 选中的checkbox

阅读更多
		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();
		}

 

 

分享到:
评论

相关推荐

    jquery遍历checkbox介绍

    checkbox 全选\全部取消$(“#ChkAll”).click...获取选中的checkbox的value值:var arrChk=$(“input[name=’chk_list’][checked]”); $(arrChk).each(function(){ window.alert(this.value); }); });

    jQuery操作checkbox并获取选中值

    获取选中checkbox的值通常需要遍历所有checkbox,检查其是否被选中,然后收集对应的值。以下是一个示例: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { ...

    jquery遍历checkbox的注意事项说明

    然而,在使用jQuery遍历checkbox时,如果不注意一些细节,可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先,在使用jQuery选择器的时候,需要准确地指定要操作的元素...

    Jquery遍历checkbox获取选中项value值的方法

    在jQuery中,遍历checkbox并获取选中项的value值是一项常见的操作,特别是在表单处理或者数据筛选场景中。在给定的标题和描述中,我们看到一个具体的示例,展示了如何实现这一功能。以下是对这个示例的详细解释: ...

    jquery获取checkbox选中的值

    要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...

    jQuery遍历页面所有CheckBox查看是否被选中的方法

    总结起来,通过jQuery遍历页面上的所有复选框并检查其选中状态,可以轻松实现复杂的用户交互。使用`.find()`, `:checkbox`, `.each()`, `is()`, 和`:checked`这些jQuery方法,你可以高效地处理复选框的集合,为用户...

    jquery 对checkbox的操作

    二、选中与取消选中checkbox 1. 选中checkbox: ```javascript $("#checkboxID").prop("checked", true); ``` 2. 取消选中checkbox: ```javascript $("#checkboxID").prop("checked", false); ``` 三、检查...

    jQuery操作checkbox

    `selectedValues`数组将包含所有选中checkbox的值。 六、事件处理 jQuery提供了丰富的事件处理方法,如`click()`, `change()`, `focus()`等。例如,监听checkbox的change事件,可以在用户更改选择时执行特定操作:...

    jQuery制作全选CheckBox

    ### jQuery实现全选CheckBox功能详解 #### 背景与需求 在Web开发中,特别是在表单处理方面,经常会遇到需要实现多个复选框(CheckBox)的“全选”、“反选”等功能的需求。这样的功能不仅可以提升用户体验,还能...

    jQuery获取checkbox选中的值

    5. **获取选中checkbox的值**: 在确认checkbox被选中后,可以通过`.attr("value")`方法获取它的值。然后,可以将多个选中的值拼接成一个字符串,或存储在数组中。 ### 控制checkbox的选中状态 1. **实现全选和全...

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    这段代码的作用是,首先使用jQuery选择器选择所有checked的CheckBox,然后使用each方法遍历这些CheckBox,最后使用window.alert方法将选中的CheckBox的值弹出。 在实际应用中,我们可以根据需要对CheckBox组和遍历...

    jquery遍历input取得input的name

    ### jQuery遍历input获取name属性值详解 在前端开发领域,jQuery因其简洁、高效的特点而备受开发者喜爱。本文将深入探讨如何使用jQuery遍历页面中的`<input>`元素,并从中提取`name`属性的值。这是一项非常实用的...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...

    jQuery基于layui插件制作checkbox复选框选中代码

    当父级复选框被选中时,遍历其子级并设置它们为选中状态;反之,如果所有子级未被选中,父级复选框则自动取消选中。这可以通过递归函数实现,如下: ```javascript function toggleParentCheckboxes(checkbox) { ...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

Global site tag (gtag.js) - Google Analytics