数码资讯
一个简单的jQuery的多选下拉框(写)
今天所做的选择下拉框,开始寻找一个插件的在线使用,但在线插件看起来比较混乱,我指的是网上的一些插件,用jQuery写多选下拉框,JS写的更简洁,代码如下。 JS代码 复制代码代码如下所示: (函数(){()) fn.extend({美元。 checks_select:功能(选项){ jq_check
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
今天所做的选择下拉框,开始寻找一个插件的在线使用,但在线插件看起来比较混乱,我指的是网上的一些插件,用jQuery写多选下拉框,JS写的更简洁,代码如下。
JS代码
复制代码代码如下所示:
(函数(){())
fn.extend({美元。
checks_select:功能(选项){
jq_checks_select = null;
$(this)Click(函数(e){)
jq_check = $(this);
/ / jq_check.attr(班
如果(jq_checks_select = = null){
jq_checks_select = $()。InsertAfter(jq_check);
$(选项,函数(i,n){)
check_div = $(+ +)AppendTo(jq_checks_select);
check_box = check_div.children();
check_box.click(function(e){)
/ / jq_check.attr(价值
温度;
$():每个函数(i){
如果(i = 0){
温度= $(this)。Attr(价值);
其他{ }
温度=
}
});
jq_check.attr(价值
e.stoppropagation();
});
});
其他{ }
jq_checks_select.toggle();
}
e.stoppropagation();
});
$(文档)Click(函数(){)
jq_checks_select.hide();
});
$(this)Blur(函数(){)
//jq_checks_select.css (visibility
警报();
/
JS代码
复制代码代码如下所示:
(函数(){())
fn.extend({美元。
checks_select:功能(选项){
jq_checks_select = null;
$(this)Click(函数(e){)
jq_check = $(this);
/ / jq_check.attr(班
如果(jq_checks_select = = null){
jq_checks_select = $()。InsertAfter(jq_check);
$(选项,函数(i,n){)
check_div = $(+ +)AppendTo(jq_checks_select);
check_box = check_div.children();
check_box.click(function(e){)
/ / jq_check.attr(价值
温度;
$():每个函数(i){
如果(i = 0){
温度= $(this)。Attr(价值);
其他{ }
温度=
}
});
jq_check.attr(价值
e.stoppropagation();
});
});
其他{ }
jq_checks_select.toggle();
}
e.stoppropagation();
});
$(文档)Click(函数(){)
jq_checks_select.hide();
});
$(this)Blur(函数(){)
//jq_checks_select.css (visibility
警报();
/
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。