`

jquery 复选框 选择三个后不可在选写法

 
阅读更多

 

 

效果图



 

 

具体文件见附件:

 

 



 

JS代码:

 

// 得到多选框数据并赋值到文本框内
function makesureFun(){
	 var value='';
	 $('input[name="industryitem"]:checked').each(function(){
		 value += $(this).val() + ',';
	 });
	 if(value.length > 1){
		 value = value.substring(0,value.length-1);
	 } 
	 $("#promisingindustryid").val(value);
	 $("#GD-1").hide();
	 

	} 

// 主要是 多选框 可以点击 不可以点击的JS写法
function countIndusFun(){
	var clickedNum = $('input[name="industryitem"]:checked').length;
	 if(clickedNum >= 3){
		//var nonum = $('input[name="industryitem"]:not(:checked)').length;
		$('input[name="industryitem"]:not(:checked)').attr("disabled","disabled");
		//alert(">=3");
	}else{
		$('input[name="industryitem"]:not(:checked)').attr("disabled",false);
		//alert("<3");
	}
}

 

 

对应文件:

 

 

  • 大小: 2.7 KB
  • 大小: 23.3 KB
分享到:
评论

相关推荐

    jquery 复选框组件

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

    Jquery复选框美化

    在复选框和单选按钮的美化过程中,我们需要考虑以下关键点: 1. **一致性**:保持美化后的元素在整个网站中的一致性,有助于用户理解和操作。 2. **可访问性**:确保美化后的元素仍然符合WCAG(Web Content ...

    jquery复选框全选操作

    首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些复选框添加一个共同的类名或者数据属性,以便于jQuery进行选择和操作。例如: ```html &lt;input type="checkbox" class="child-checkbox" value="1"&gt; ...

    jquery 复选框 全选,全不选

    在上面的代码中,我们有一个ID为`selectAll`的全选复选框和一个ID为`uncheckAll`的全不选按钮。复选框的name属性设为`option`,这样它们将被视为一组。 接下来,我们需要用jQuery来监听这两个按钮的点击事件,并...

    jquery实现下拉复选框

    一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...

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

    在网页设计中,复选框(Checkbox)是用户界面中常用的一种元素,它允许用户对多个选项进行选择或取消选择。然而,原生的HTML复选框在样式上可能较为简单,无法满足现代网页设计美观的需求。jQuery作为一个强大的...

    jquery下拉多选复选框插件

    2. **下拉多选复选框功能**:此插件的核心功能是在一个下拉菜单中展示多个可选的复选框。用户可以选择一个或多个选项,并且这些选择通常会与后台数据进行同步,这就涉及到AJAX异步通信,可能使用$.ajax()或$.get()、...

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    在这个项目中,我们关注的是使用jQuery来实现一些特定的功能,这些功能包括复选框的操作(全选、反选、取消选择)以及购物车中的商品价格统计。 首先,让我们深入了解一下复选框的操作。在HTML中,复选框是通过`...

    jQuery树形复选框插件.zip

    在实际应用中,我们可以利用jQuery的选择器和事件绑定功能,轻松地将树形复选框插件集成到网页中。例如,我们可以通过AJAX动态加载节点数据,或者监听复选框的改变事件来触发相应的业务逻辑。此外,还可以通过API...

    jquery无限极复选框下拉树

    在下拉树中,每个节点可能包含一个复选框,用户可以通过勾选或取消勾选来选择或取消选择对应的项。 ### 3. 下拉树(Dropdown Tree) 下拉树是一种结合了下拉菜单和树状结构的UI组件。它通常以一个按钮或输入框的...

    jQuery的复选框操作-实例页面

    在jQuery中,我们可以通过选择器来定位这些复选框,并使用各种方法来操控它们的状态和行为。以下是一些关键知识点: 1. **选择器**: jQuery提供了多种选择器,例如`$("[type=checkbox]")`可以选取所有类型为...

    jquery动态复选框取值

    在本主题中,我们将深入探讨如何在jQuery中处理动态生成的复选框,并获取它们的值。复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让...

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

    首先,我们需要获取所有待选的复选框,这可以通过CSS选择器`$('input[name="item[]"]')`实现。然后,我们可以通过`.prop()`方法来设置或获取复选框的`checked`属性。 全选功能的jQuery代码如下: ```javascript $...

    jQuery单选框和复选框美化代码

    在“jQuery单选框跟复选框美化代码”这个压缩包中,很可能包含了实现上述功能的示例代码。通常,它会包含HTML文件用于展示页面结构,CSS文件用于定义样式,以及JavaScript文件(可能是jQuery库和自定义脚本)用于...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、取消及选中值输出功能 #### 一、背景介绍 在Web开发中,复选框(Checkbox)是常用的表单元素之一,用于收集用户的选择数据。然而,传统的HTML复选框功能较为单一,无法满足...

    使用JQuery制作复选框的全选或单选特效

    为了实现全选或全不选的效果,我们需要一个主复选框(通常称为"全选"),当用户点击这个复选框时,所有的子复选框都会被选中或取消选中。 在jQuery中,我们可以通过选择器来选取特定的DOM元素,并使用各种方法来...

    jQuery单选框跟复选框美化代码.zip

    单选按钮通常用于在一组互斥选项中选择一个,而复选框允许用户从多个选项中选择零个、一个或多个。在HTML中,它们分别用`&lt;input type="radio"&gt;`和`&lt;input type="checkbox"&gt;`来定义。 jQuery美化这些元素主要涉及...

    jQuery高性能带复选框的树形结构插件

    `highchecktree`是一个专门针对这种情况设计的jQuery插件,它能高效地处理大量数据并提供带有复选框的功能,使得用户可以进行多级选择操作。 ### 插件特点 1. **高性能**: `highchecktree`特别优化了大数据量的...

Global site tag (gtag.js) - Google Analytics