javascript 全选 反选

最新推荐文章于 2024-09-21 09:29:16 发布
最新推荐文章于 2024-09-21 09:29:16 发布
阅读量552 收藏
点赞数
分类专栏： javascript 文章标签： javascript stylesheet 文档管理 delete function xhtml 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文档管理</title>
<link rel="stylesheet" type="text/css" href="/Public/admin/css/base.css"> 
<script type="text/javascript" src="/Public/admin/js/jquery.js"></script>

<script type="text/javascript">
 
    function checkAll(o){
        
        if( o.checked == true ){

             var names=document.getElementsByName("checkbox[]");
			  var len=names.length;
			  if(len>0)
			  {
			   var i=0;
			   for(i=0;i<len;i++)
			   names[i].checked=true;
			  }
					

        }else{

             var names=document.getElementsByName("checkbox[]");
			 var len=names.length;
			 if(len>0)
			  {
				var i=0;
				for(i=0;i<len;i++)
				names[i].checked=false;
			  }

            

        }

    }

function confirmForm(){
  if(confirm('确认删除？')){
	 return true;   
  }else{
	return false;  
  } 
}
 

</script>

</head>

<body leftmargin="8" topmargin="8" background='/Public/admin/images/allbg.gif' onLoad="ContextMenu.intializeContextMenu()">



<!--  快速转换位置按钮  -->
<!--  内容列表   -->



<table width="98%" border="0" cellpadding="2" cellspacing="1" bgcolor="#CFCFCF" align="center" style="margin-top:8px">

<tr bgcolor="#E7E7E7" >

	<td height="28" colspan="9" background="/Public/admin/images/tbg.gif" style="padding-left:10px;">

	◆  想法列表 

	</td>

</tr>

<tr align="center" bgcolor="#FBFCE2" height="25">

	<td><strong>编号</strong> <input type="checkbox" id="checkbox_handle" οnclick="checkAll(this)" value="0"></td>
	<td><strong>标题</strong></td>
	<td><strong>联系QQ</strong></td>
	<td><strong>添加时间</strong></td>
	<td><strong>Email</strong></td>
	<td><strong>操作</strong></td>
  </tr>
 <form name="form2" method="post" action="__URL__/_delete" οnsubmit="return confirmForm();">
<if condition="$count gt 0">
 
  <volist name='list' id='vo'>
  
  <tr align='center' bgcolor="#FFFFFF" height="26"  onMouseMove="javascript:this.bgColor='#FCFDEE';" onMouseOut="javascript:this.bgColor='#FFFFFF';">
    
    <td align='center'>{$vo.id} <input type="checkbox" name="checkbox[]" id="checkbox2" οnclick="checkon(this)" value="{$vo.id}"></td>
    <td align='center'>{$vo.title}</td>
    <td align='center'>{$vo.qq}</td>
    <td align='center'>{$vo.rtime|date="Y-m-d H:i",###}</td>
    <td align='center'>{$vo.email}</td>
    <td align='center'>     
        <a href="__URL__/_view/id/{$vo.id}">查看</a> | <a href="__URL__/_del/id/{$vo.id}" οnclick="return delete_confirm();">删除</a>| <a href="{$vo.fujian}" target="_blank">下载附件</a></td>
    </tr>
  
  </volist>
  <else />
  <tr align="left" bgcolor="#FBFCE2" height="25">
    
    <td  colspan="6" bgcolor="#F9FCEF" style="padding-left: 20px;">没有</td>
  </tr>
</if>
<if condition="$count gt 0">
  <tr align="right" bgcolor="#F9FCEF">
    <td height="36" colspan="9" align="center">
      
      <span> 共有记录{$page}</span><input type="submit" value="删除全部" name="delSubmit" /> 
      
      </td>
  </tr>
</if></form>
</table>



<!--  搜索表单  -->
</body>

</html>


haiwei_sun
关注
专栏目录
vue全选反选
Nikki_u的博客
03-10 1068
一、当数据在父组件 并在父组件改变 小选框加入这个值 v-model="item.checked"/ 全选框加入这个值 v-model="isAll" 函数写在computed里面 isAll:{ get(){ return this.arr.every(v=>v.c)//v.c是v.c===true的简写 }, set(val){ this.arr.forEach(v=>{v.c=val})
Javascript实现全选反选
08-11
在JavaScript编程中，"全选反选"功能是常见的用户交互设计，常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目，极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...
JavaScript【全选反选案例】
Coding
04-02 191
JavaScript【全选反选案例】
JavaScript之购物车全选反选案例
LuShanGuoQiLin的博客
08-18 329
代码】JavaScript之购物车全选反选案例。
JavaScript-163：全选反选
臧小川的博客
01-11 200
结构 <div class="wrap"> <table> <thead> <tr> <th> <input type="checkbox" name="" id="j-caAll" /> </th>
vue2element实现全选反选
lingrer的博客
07-04 217
用select 加Checkbox 多选框实现样式。根据业务需求 需要实现一个全选反选 样式如下图。
JavaScript实现全选、反选功能（Vue全选、反选，js原生全选、反选）
weixin_65793170的博客
04-02 2727
首先为复选框添加了一个事件监听器，当用户点击该复选框时，将触发该事件；然后在事件处理函数中，通过遍历所有复选框，将它们的选中状态设置为与复选框相同的状态。
全选反选小案例
小白小白从不日别的博客
04-19 1126
原理： 当点击全选按钮时，其对应的元素将被去全部选中；当点击反选按钮时，会选中没有选中的元素，之前选中的元素将失去选中；当点击全不选按钮时，其对应的元素都将失去选中状态 核心： 主要就是改变input标签的checked属性 具体代码如下： <input type="button" id="All" value="全选" /> <input type="button" id="uncheck" value="不选" /> <input type="button
前端js实现全选反选
个人笔记
03-16 539
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="all">全选</button> <button id="fan">反选</button> <input type="checkbox" id=
javascript实现全选反选功能
qq_34928693的博客
08-17 306
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
element实现下拉框可全选反选
qq_56832917的博客
11-17 276
javaScript实现复选框全选反选事件详解
10-19
本文将详细介绍如何使用JavaScript实现复选框的全选和反选事件。复选框全选和反选是网页交互设计中常见的功能，常用于列表操作、表单提交等场景，允许用户一次性选择或取消选择多个选项。文中将通过实例代码展示如何...
JS简单表格列表全选反选代码.zip
06-07
总的来说，"JS简单表格列表全选反选代码.zip"提供的源码可以帮助开发者理解如何利用JavaScript实现表格的全选和反选功能，这对于前端开发人员来说是一项基础但至关重要的技能。通过学习和实践这个代码，你可以加深对...
AngularJS实现全选反选功能
10-23
AngularJS实现全选反选功能的知识点可以分为以下几个方面进行详细介绍： 1. AngularJS基本概念：AngularJS是一种流行的前端JavaScript框架，由Google维护和开发。它的主要目的是通过扩展HTML来简化Web应用的开发。...
checkbox样式美化及全选反选插件
06-01
总的来说，这个插件通过JavaScript和jQuery实现了复选框和单选框的美化，并提供了全选反选功能，对于提升网页表单的用户体验有显著作用。开发者可以研究源代码，学习如何实现类似的效果，也可以直接将此插件整合到...
运行VUE项目运行时候的报错汇总
最新发布
W3306698294的博客
09-21 120
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 640
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
RedisTemplate混用带来的序列化问题
咖啡煮码
09-18 736
RedisTemplate 不要乱用哦，否则极易出现序列化问题
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
m0_51798113的博客
09-17 723
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值