您的位置:首页 > Web前端 > JavaScript

实现SELECT的全选,反选,AB选的JAVASCRIPT代码

2015-11-24 08:44 645 查看
参考网上,用原生JS粗糙实现。

我发现用UIKIT的BUTTON会自动刷新我那核心的模态窗口,只好用另外的LABEL或CODE标签了。

$(".btn-select-all").click(function(){
var deploypool_id =  $(this).attr("deploypool_id")
var code_Values = document.getElementsByName("check-server" + deploypool_id);
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox"){
code_Values[i].checked = true;
}
}
});

$(".btn-select-reverse").click(function(){
var deploypool_id =  $(this).attr("deploypool_id")
var code_Values = document.getElementsByName("check-server" + deploypool_id);
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox"){
code_Values[i].checked = false;
}
}
});

$(".btn-select-half").click(function(){
var deploypool_id =  $(this).attr("deploypool_id")
var code_Values = document.getElementsByName("check-server" + deploypool_id);
for(i = 0;i < code_Values.length;i++){
if (i % 2 == 0){
if(code_Values[i].type == "checkbox"){
code_Values[i].checked = true;
}
}
}
});


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: