[size=small]首先定义一个可以进行全选和反选的checkbox:[/size]
当然,下面会有很多的checkbox需要进行操作,采用下面的方式:
[size=small]正如你若看到的,它们的name属性是一样的。[/size]
[size=small]写几个js方法进行操作:[/size]
<input type="checkbox" name="all" id="all" onclick="checkAll(this)" />
当然,下面会有很多的checkbox需要进行操作,采用下面的方式:
<input type="checkbox" name="indexed" id="indexed${taskId}" value="${taskId}" />
[size=small]正如你若看到的,它们的name属性是一样的。[/size]
[size=small]写几个js方法进行操作:[/size]
/***** 全选和反选 *****/
function checkAll(obj) {
var boxs = document.getElementsByName('indexed');
if(obj.checked) {
for(var i=0; i<boxs.length; i++) {
boxs[i].checked=true;
}
}else {
for(var i=0; i<boxs.length; i++) {
boxs[i].checked=false;
}
}
}
/** 检查是否选择了记录 **/
function checkSelected(){
var obj = document.getElementsByName('indexed');
var checked = false;
for(var i =0;i<obj.length;i++){
if(obj[i].checked){
checked=true;
break;
}
}
if (!checked){
return false;
}
return true;
}
/** 单条删除 **/
function delete_single(id){
//点击后面的删除链接,将前面的复选框勾选上
var ocheckbox = document.getElementsByName('indexed');
for(var i =0;i<ocheckbox.length;i++){
if(ocheckbox[i].value==id){
ocheckbox[i].checked = true;
break;
}
}
deleteTask();
}
/***** 批量删除 *****/
function deleteTask(){
var element=document.getElementsByName("indexed");
var ids="";
for(var i=0;i<element.length;i++){
if(element[i].checked==true){
ids+="'"+ element[i].value +"',";
}
}
if(!checkSelected())
{
alert('您未选择任何记录!');
} else {
ids=ids.slice(0,ids.lastIndexOf(","));
}
//ids的最终格式:'1','2','3'
//这样在进行数据库的批量操作时,可以直接用in关键字
}