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

最新推荐文章于 2024-04-14 11:50:51 发布

正皇旗

最新推荐文章于 2024-04-14 11:50:51 发布

阅读量2.8k

点赞数

分类专栏： js 文章标签： javascript js

本文链接：https://blog.csdn.net/u014601106/article/details/37739403

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//单选
	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" οnsubmit="check();">


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


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