完成效果图:
当选中“会议介绍”选中时,“会议简介” 和“会议议程” 才可选, “合作”及其后面的菜单同理。
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