`
sunxin1001
  • 浏览: 313946 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html 全选 反选 多选

阅读更多

<HTML><HEAD><TITLE>发送传真信息列表</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">

</HEAD>
<BODY>
<TABLE  style="font-size:14px" width="800" border="0" align="center" cellPadding=0

cellSpacing=1 bgcolor="#CCCCCC" class=normaltext>
  <TBODY>
  <form name="myform" method="post" action="ext_faxsend_read.asp">
  <input name="work" type="hidden">
  <TR>
    <TH height=28 colSpan=7 bgcolor="#FFFFFF" class="TabTitle style1">发送传真信息

列表</TH>
  </TR>
  <TR style="font-size:12px">
    <TH width="44" height=26 bgcolor="#FFFFFF">序号</TH>
    <TH width="83" bgcolor="#FFFFFF">对方号码</TH>
    <TH width="106" bgcolor="#FFFFFF">附件地址</TH>
    <TH width="197" bgcolor="#FFFFFF">附带留言</TH>
    <TH width="53" bgcolor="#FFFFFF">状态</TH>
    <TH width="102" bgcolor="#FFFFFF">传真时间</TH>
    <TH width="157" bgcolor="#FFFFFF">操作</TH>
  </TR>
 
 
  <TR vAlign=center align=middle>
    <TD height=24 align="center" bgcolor="#FFFFFF"><input type="checkbox"

name="Fax_id" value="24">
      24</TD>
    <TD align="left" bgcolor="#FFFFFF">0755008</TD>
    <TD align="left" bgcolor="#FFFFFF">a.txt</TD>
    <TD align="left" bgcolor="#FFFFFF">备注信息:发送给。。。</TD>
    <TD align="center" bgcolor="#FFFFFF">
 已发送</TD>
    <TD align="center" bgcolor="#FFFFFF">2006042614342397</TD>
    <TD align="right" bgcolor="#FFFFFF">
 『<a href="ext_faxsend_read.asp?Fax_id=24">详细</a>』『<a href="?

currpage=1&keyword=&Del=24">删除</a>』 </TD>
  </TR>
 
  <TR vAlign=center align=middle>
    <TD height=24 align="center" bgcolor="#FFFFFF"><input type="checkbox"

name="Fax_id" value="23">
      23</TD>
    <TD align="left" bgcolor="#FFFFFF">0755008</TD>
    <TD align="left" bgcolor="#FFFFFF">a.txt</TD>
    <TD align="left" bgcolor="#FFFFFF">备注信息:发送给。。。</TD>
    <TD align="center" bgcolor="#FFFFFF">
 <font color=red>未发送</font></TD>
    <TD align="center" bgcolor="#FFFFFF">2006042614342397</TD>
    <TD align="right" bgcolor="#FFFFFF">
 『<a href="ext_faxsend_edit.asp?Fax_id=23">修改</a>』
 『<a href="ext_faxsend_read.asp?Fax_id=23">详细</a>』『<a href="?

currpage=1&keyword=&Del=23">删除</a>』 </TD>
  </TR>
 
  <TR vAlign=center align=middle>
    <TD height=24 align="center" bgcolor="#FFFFFF"><input type="checkbox"

name="Fax_id" value="22">
      22</TD>
    <TD align="left" bgcolor="#FFFFFF">0755008</TD>
    <TD align="left" bgcolor="#FFFFFF">a.txt</TD>
    <TD align="left" bgcolor="#FFFFFF">备注信息:发送给。。。</TD>
    <TD align="center" bgcolor="#FFFFFF">
 已发送</TD>
    <TD align="center" bgcolor="#FFFFFF">2006042614342397</TD>
    <TD align="right" bgcolor="#FFFFFF">
 『<a href="ext_faxsend_read.asp?Fax_id=22">详细</a>』『<a href="?

currpage=1&keyword=&Del=22">删除</a>』 </TD>
  </TR>
 
  <TR vAlign=center align=middle>
    <TD height=24 align="center" bgcolor="#FFFFFF"><input type="checkbox"

name="Fax_id" value="21">
      21</TD>
    <TD align="left" bgcolor="#FFFFFF">0755008</TD>
    <TD align="left" bgcolor="#FFFFFF">a.txt</TD>
    <TD align="left" bgcolor="#FFFFFF">备注信息:发送给。。。</TD>
    <TD align="center" bgcolor="#FFFFFF">
 已发送</TD>
    <TD align="center" bgcolor="#FFFFFF">2006042614342397</TD>
    <TD align="right" bgcolor="#FFFFFF">
 『<a href="ext_faxsend_read.asp?Fax_id=21">详细</a>』『<a href="?

currpage=1&keyword=&Del=21">删除</a>』 </TD>
  </TR>
 
  <TR vAlign=bottom>
    <TD height=16 colSpan=7 bgcolor="#FFFFFF"><STRONG>当前记录总数:</STRONG>4
    </TD>
</TR>
  <TR vAlign=bottom>
    <TD height=17 colSpan=7 bgcolor="#FFFFFF"><STRONG>选择:</STRONG>
    <a href="#" onClick="selall();">全选</a>
    <a href="#" onClick="Nselall();">全不选</a>
    <a href="#" onClick="selfx();">反选</a>
    </TD>
  </TR>
</form>

</TBODY>
</TABLE>
</BODY>
</HTML>
<SCRIPT Language="JavaScript">
<!--
//var put=document.all.tags("input");
var put=document.getElementsByName("Fax_id");
//全选
function selall(){
 for (i=0;i<put.length;i++){
   put[i].checked=true;
 }
}

//全不选
function Nselall(){
 for(i=0;i<put.length;i++){
   put[i].checked=false;
 }
}
//反选
function selfx(){
 for(i=0;i<put.length;i++){
   put[i].checked=(put[i].checked)?false:true;
 }
}
// -->
</SCRIPT>

 

分享到:
评论

相关推荐

    实现table表格checkbox复选框的全选 反选

    在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先,我们需要创建一个包含复选框的HTML表格。...

    复选框的全选和反选、复选框的全选和反选

    全选和反选功能则是复选框常用的一种交互模式,极大地提升了用户体验,特别是当选项数量较大时。本文将深入探讨复选框的全选和反选机制及其在IT中的应用。 全选功能是指用户只需点击一个按钮或复选框,就能同时选中...

    简单js实现全选全部选反选效果

    在JavaScript编程中,全选和反选功能是常见的交互元素,尤其在表格或者多选列表中,用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能,以提升用户体验。 首先,我们需要理解...

    html JavaScript js复选框的全选,多选,全选,全不选,反选

    这个简单的例子展示了如何在网页中使用JavaScript与HTML复选框交互,提供了基本的全选、多选、全不选和反选功能。实际应用中,你可以根据需求添加更多的逻辑,比如验证用户选择的数量或类型等。通过深入学习...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

    checkbox全选反选与批量删js+asp源码

    本示例“checkbox全选反选与批量删js+asp源码”提供了一个结合JavaScript和ASP技术来实现这一功能的解决方案。 首先,我们来看JavaScript部分。JavaScript是一种运行在浏览器端的脚本语言,它用于控制网页的动态...

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    当树形组件结合复选框时,可以实现用户对节点的选择操作,如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常实用。 首先,我们要理解ExtJS树形组件的基本构造。一个树形组件由节点(Nodes...

    jQuery表格行全选反选单选代码.zip

    本主题聚焦于"jQuery表格行全选反选单选代码",这是一个利用tableCheckbox.js插件来增强HTML表格功能的示例。下面我们将详细探讨相关的知识点。 首先,`jQuery表格行全选反选单选代码`的核心是实现表格中的复选框...

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...

    JQ 复选框全选反选

    "JQ 复选框全选反选"是jQuery应用中的一个常见功能,主要用于增强用户界面的交互性。在网页中,复选框常常用于让用户多选选项,而全选和反选功能则提供了方便快捷的选择所有或取消所有选项的方式。 首先,我们需要...

    JQ 全选和反选和取消

    标题“JQ全选和反选和取消”涉及的是jQuery中处理多选元素,如复选框或表格行的选择状态。在这个主题下,我们将深入探讨如何实现全选、反选以及取消选择的功能,并结合给出的`demo.html`文件进行实例分析。 1. **...

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    ### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...

    jquery全选反选

    "jquery全选反选"这个主题就是关于如何利用jQuery实现复选框的选择全部(全选)和选择相反(反选)功能,这在诸如表格数据筛选、多选确认等场景中非常实用。 全选功能允许用户一键选中所有复选框,反选则是将所有已...

    模拟select带checkbox全选反选取消插件tomcat发布使用

    这个“模拟select带checkbox全选反选取消插件”是一个专门为了解决这个问题而设计的工具。它允许用户通过复选框(checkbox)进行多选操作,并提供了全选、反选和取消选择的功能,极大地方便了用户交互。 首先,让...

    jquery 实现多个下拉列表 选项展现 全选、反选

    为了实现全选和反选功能,我们需要为每个多选下拉列表添加两个额外的按钮:一个用于全选,一个用于反选。按钮可以是 `&lt;input type="button"&gt;`,并且绑定相应的 click 事件: ```html 全选 反选 ``` 接着,我们需要...

    树结构 复选框 多选 全选功能

    在IT领域,尤其是在前端开发中,"树结构 复选框 多选 全选功能"是一个常见的交互设计模式,广泛应用于数据管理、文件系统、菜单导航等场景。这一功能的实现涉及到数据结构、事件处理、状态管理等多个方面的技术。 ...

    【JavaScript源代码】jQuery实现全选反选操作案例.docx

    在本篇文档中,我们将探讨如何使用jQuery库来实现全选和反选的功能。这个案例主要涉及HTML表格中的复选框以及与之相关的...全选和反选功能在数据管理、批量操作等方面非常实用,尤其在需要用户进行多选操作的场景下。

    jquery 实现全选,全不选,反选,获取选中的值

    对于“全选”、“全不选”和“反选”功能,jQuery 提供了简洁的解决方案,同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**: 全选功能通常应用于具有多选选项的...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    js实现全选和反选功能

    在JavaScript中,全选和反选功能通常应用于包含多个复选框(checkbox)的表单中。用户可以通过点击一个主复选框来选择或取消选择所有其他复选框。这个功能在网页表格、数据筛选等场景中非常常见,极大地提高了用户...

Global site tag (gtag.js) - Google Analytics