复选框 全选与不全选 选中一个与选中多个的业务逻辑

 

function checkAll(){

var selectFlags = document.getElementByName("selectFlag");

for(var i=0;i<selectFlags.length;i++){

selectFlags[i].checked = document.getElementById("ifAll").checked;  由此可以看出js的执行顺序是从右至左的，把右边的值赋到左边去。

}

}

document.getElementById("ifAll").checked这么一写，选中就是一个true返回给你，没选中就是一个false返回给你。

 

 

 

还可以下面这样

//采用getElementsByName代替getElementById

//selectFlags[i].checked = document.getElementsByName("ifAll")[0].checked;

ifAll：这是表头checkbox的名字。

 

 

 

 

ifAll为表头   是否全选的一个标志

 

<input type="checkbox" name="selectFlag" />

<input type="checkbox" name="selectFlag" />

<input type="checkbox" name="selectFlag" />

<input type="checkbox" name="selectFlag" />

 

<input type="checkbox" name="ifAll" />

 

 

10.  再把删除做一下，一个都没选，不能删。

function deleteUser(){

var selectFlags = document.getElementByName("selectFlag");

for(var i=0;i<selectFlags.length;i++){

if(selectFlags[i].checked){

//已经有选中的

flag = true;

break;

}

}

if(!flag){

alert("请选择要删除的数据");

return ;

}

//如果你点是，我就去删除数据去。

if(window.confirm("确认删除吗？")){

alert("删除用户。。。。");

}

}

删除之前还得给一个确认的信息吧。window.confirm()显示带有指定消息和ok及取消按钮的对话框

 

11.  现在做修改，选多了还不行，什么都没选也不让修改。

function modifyUser(){

var selectFlags = document.getElementByName("selectFlag");

//来一个计数器

var count = 0;

for(var i=0;i<selectFlags.length;i++){

if(selectFlags[i].checked){

//记录选中的checkbox

count++;

}

}

if(count == 0){

alert("请选中要修改的数据");

return ;

}

if(count > 1){

alert("一次只能修改一个用户");

return ;

}

}