html+选择弹出选项卡,轻松实现js弹框显示选项

//打开 科室类别选项框

function idNumber(prefix){

var idNum = prefix;

return idNum;

}

function show_hidden(controlMenu,num,prefix){

controlMenu.eq(num).siblings().find('a').removeClass("sele");

controlMenu.eq(num).find('a').addClass("sele");

var content= prefix + num;

$('#'+content).show();

$('#'+content).siblings().hide();

}

function getWindowPop(){

$("ul#tagChange li").find("a").removeClass("sele");

$("ul#tagChange li:first-child a").addClass("sele");

$("div.pop_sele_cont_box").find("div.pop_sele:first-child").show();

$("div.pop_sele_cont_box").find("div.pop_sele:not(:first-child)").hide();

$("div.pop_sele_cont_box div.pop_sele").attr("id",function(){

return idNumber("No")+ $("div.pop_sele_cont_box div.pop_sele").index(this);

});

$('#closePopWindow').show();

}

$("ul#tagChange li:not(:last-child)").click(function(){

var c = $("ul#tagChange li");

var index = c.index(this);

if(index<3){

var p = idNumber("No");

show_hidden(c,index,p);

}

});

//选择科室类别

$("div.pop_sele").find("div").find("input[type='checkbox']").click(function(){

var Val = $(this).val();

var labelVal = $(this).next('label').html().trim();

var parent = $(this).attr("parent");

if($(this).is(":checked")){//选中处理

//处理大小类选项

$("div.pop_sele").find("div").find("input[type='checkbox']:checked").each(function(){

if($(this).val() == parent || $(this).attr("parent") == Val){

$(this).attr("checked",false);

var v = $(this).val();

var lab = $(this).next('label').html().trim();//当前对象标签值

$("div.department_block").find("div.left").each(function(){

if($(this).html().trim() == lab){

var index = $("div.department_block").find("div.left").index(this);

$("div.department_block").eq(index).remove();//移除该已选 选项

//修改科室类别 值

cg_str = cg_str.replace(v + '/',"");

type = type.replace(lab + '+',"");

num--;

}

});

}

});

//判断num值

if(num > 3){

$('#msg').html("最多3个选项");

$('#msg').fadeIn();

setTimeout(function(){$('#msg').fadeOut();},1000);

return false;

}

cg_str += Val + '/';

type += labelVal + '+';

//放置到已选div 中

var html = '

'

'

' + labelVal + '
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值