`

JQuery限制复选框checkbox可选中个数

    博客分类:
  • js
 
阅读更多

 

<script type="text/javascript">
	$(document).ready(function() {

		$('input[type=checkbox]').click(function() {
			$("input[name='apk[]']").attr('disabled', true);
			if ($("input[name='apk[]']:checked").length >= 3) {
				$("input[name='apk[]']:checked").attr('disabled', false);
			} else {
				$("input[name='apk[]']").attr('disabled', false);
			}
		});

	})
</script>
<ul>
	<li>
		<input type="checkbox"  name="apk[]" value=1 />
		APK1
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=2 />
		APK2
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=1 />
		APK3
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=4 />
		APK4
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=6 />
		APK5
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=7 />
		APK6
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=8 />
		APK7
	</li>
</ul>
分享到:
评论

相关推荐

    JQuery限制复选框checkbox可选中个数的方法

    本文实例讲述了JQuery限制复选框checkbox可选中个数的方法。分享给大家供大家参考。具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 ...

    jQuery多级复选框checkbox选中代码

    本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...

    jquery实现 复选框 选中和不选中 美化复选框

    由于浏览器的安全限制,我们不能直接修改原生复选框的样式,所以我们通常会隐藏原生的复选框,然后创建一个新的元素(如`&lt;span&gt;`)来作为美化后的复选框。通过CSS,我们可以定义这个新元素的样式,包括选中和未选中...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    jQuery多级复选框checkbox选中代码.zip

    本文将深入探讨如何使用jQuery实现多级复选框的功能,通过分析提供的"jQuery多级复选框checkbox选中代码.zip"中的示例,我们将了解其实现原理及应用。 首先,"index.html"是项目的入口文件,它包含了页面的基本结构...

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

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

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    jQuery自定义美化复选框checkbox样式

    在"jQuery自定义美化复选框checkbox样式"这个项目中,我们可以看到以下几个关键知识点: 1. **CSS样式定义**:CSS文件(可能位于`css`目录下)用于定义复选框的样式。这包括但不限于边框、背景色、尺寸、过渡效果等...

    jquery 复选框组件

    在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和用户体验。本篇文章将详细...

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

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    jquery判断复选框是否被全部选中,达到全选的目的

    反之,如果有一个或多个复选框未选中,通过`$("#submitbtn").attr({"disabled":"disabled"})`添加`disabled`属性,使按钮变为不可点击。 这个示例中,`#submitbtn`按钮的初始状态是被禁用的,因为用户需要至少选中...

    jquery获取复选框checkbox的值的简单实现方法

    2. **jQuery方式**:通过`$('input[name="interest"]:checked')`这个选择器直接定位所有名称为"interest"且被选中的复选框,然后再次使用`.each()`方法遍历这些元素。在这个过程中,我们使用jQuery的`.val()`方法...

    动态获取复选框checkbox选中个数的jquery代码[总结].pdf

    在软件开发过程中,尤其...总的来说,动态获取复选框选中个数的关键在于正确使用jQuery的选择器和事件处理。通过`:checked`伪类选择器可以实时获取选中状态,结合适当的事件监听和业务逻辑,可以实现更复杂的交互功能。

    H5 jQuery多级复选框checkbox选中代码.zip

     all = $(this).find(":checkbox").not("[name='sales_group_id'],:disabled") ,  allChecked = $(this).find(":checked").not("[name='all-checked']") ,  thisAllCheckBtn = $(this).find(".all-checked ...

    jquery复选框全选操作

    此外,为了完善用户体验,我们还可以添加一个反向操作,即当所有子复选框都已选中时,全选复选框自动被选中,反之则取消选中。这可以通过监听子复选框的`change`事件来实现: ```javascript $('.child-checkbox')....

    jQuery树形复选框插件.zip

    这些元素通常以`&lt;ul&gt;`和`&lt;li&gt;`构成,每个`&lt;li&gt;`代表一个节点,其中包含了复选框`&lt;input type="checkbox"&gt;`和节点文本。插件通过这些元素进行渲染和交互处理。 `css`文件夹包含了样式文件,用于定义树形复选框的视觉...

    jquery无限极复选框下拉树

    **jQuery无限极复选框下拉树**是一种交互式的用户界面元素,常用于在Web应用中展示层次结构的数据,如组织结构、目录树或者复杂的分类系统。这种组件允许用户通过展开和折叠节点来查看和选择多级选项。下面将详细...

    jQuery自定义美化复选框checkbox样式.zip

    本资源"jQuery自定义美化复选框checkbox样式.zip"提供了一个利用 jQuery 实现的复选框(checkbox)美化方案。这个压缩包包含了一些必要的文件,如 HTML、CSS 和可能的 JavaScript 文件,使你可以轻松地将美观的复选...

    jquery checkbox 选中 取消 checkbox多选

    在实际应用中,我们可能还需要处理更复杂的情况,比如限制最多可选中的复选框数量。这可以通过计数已选中的复选框并比较数量来实现: ```javascript var maxSelected = 2; $("input[type='checkbox']").on("change...

Global site tag (gtag.js) - Google Analytics