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

最新推荐文章于 2021-06-04 14:01:07 发布

iteye_3893

最新推荐文章于 2021-06-04 14:01:07 发布

阅读量520

点赞数

分类专栏：项目相关文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_3893/article/details/82600226

版权

项目相关专栏收录该内容

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

对应文件: