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

原创于 2014-07-15 10:40:41 发布

· 520 阅读

0 ·

版权

文章标签：

#javascript #ViewUI

项目相关专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现多选框数据的获取，并将其赋值到文本框中。同时，通过判断选中项数量来限制用户操作，确保了功能的合理性和用户体验。

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

效果图

具体文件见附件:

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");
	}
}

对应文件: