为 checkbox 添加事件,使选中和非选中时改变其他几个checkbox的可选状态

本文介绍了如何通过JavaScript实现一个功能:当'会议介绍'被选中时,'会议简介'和'会议议程'变为可选;反之则不可选。同理,'合作'及其后续选项也遵循此逻辑。实现过程中,利用了ID来标识各个checkbox,并根据第一个元素的选中状态调整后续元素的可选状态,以适应不同浏览器的getElementsByClassName方法。
摘要由CSDN通过智能技术生成


完成效果图:

当选中“会议介绍”选中时,“会议简介” 和“会议议程” 才可选, “合作”及其后面的菜单同理。


js代码:

	$('input').click(function(){
		var className=$(this).attr('class');
		var cols=getClass('input',className);
		if(!cols[0].checked){
			for(var i=1;i<cols.length;i++){
				cols[i].checked=false;
				cols[i].disabled="disabled";
			}
		}else if(cols[0].checked){
			for(var i=1;i<cols.length;i++){
				cols[i].disabled="";
			}
		}
	});

因为有的浏览器不支持getElementsByClassName方法,在网上找的解决方法:

function getClass(tagname, className) { //tagname指元素,cla
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值