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

JS实现单选,多选,全选,反选,全不选

2014-07-13 15:23 357 查看
//单选
function deleteFee(id){

if(confirm("确定删除吗?")){

location.href="deleteCost?id="+id;

}
//多选
function check(){
var oj = document.getElementsByName("del");
var d=false;
for(var i = 0 ; i < oj.length;i++){
if(oj[i].checked){
d=true;
}
}
if(d){
var f =confirm("确实要删除吗");
if(f){

return true;

}else{
return false;
}
}else{
alert("删除要删除的");
return false;
}
}
//全选
function checkall(){
var oj = document.getElementsByName("del");
for(var i = 0 ; i < oj.length;i++){
oj[i].checked=true;
}
}
//全不
function checknone(){
var oj = document.getElementsByName("del");
for(var j = 0 ; j < oj.length; j++){
if(oj[j].checked){
oj[j].checked=false;
}
}
}

//反选
function checkback(){
var oj = document.getElementsByName("del");
for(var k = 0 ; k < oj.length;k++){
if(oj[k].checked){
oj[k].checked=false;
}else{
oj[k].checked=true;
}
}
}


<pre class="html" name="code"><input type="text" name="id"/> <input type="submit"  value="查询 " />

<form action="deleteCost" method="post" onsubmit="check();">

<input type="checkbox" name="del" value="id"/>

<input type="button" value="全选" onclick="checkall();"/></th>
<th><input type="button" value="全不" onclick="checknone();"/></th>
<th><input type="button" value="反选" onclick="checkback();"/></th>



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