`
fanjf
  • 浏览: 329643 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

js全选简单例子

 
阅读更多


<html>
<head>
 <title>js全选简单例子</title>
 <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
 <meta http-equiv="Cache-Control" content="no-store" />
 <meta http-equiv="Pragma" content="no-cache" />
 <meta http-equiv="Expires" content="0" />

<script type="text/javascript">
function selectAll(obj,list) {
    if(!(obj && list)) {
     return;
    }
    if(list.length)
    {

        for(var i=0;i<list.length;i++)
        {
            list[i].checked=obj.checked;
        }
    }
    else
    {
        list.checked=obj.checked;
    }
}
 
 </script>
</head>

<body>
     
        <table >
         
           <tr>
               <td >全选<input type="checkbox" onclick="selectAll(this,document.all('form1').id)"></td>
               <td >水果种类</td>
           </tr>
           <form name="form1" >
    
     <tr  >
            <td ><input type="checkbox" name="id" value="1"></td>
            <td>苹果</td>
           </tr>
    
     <tr  >
            <td ><input type="checkbox" name="id" value="2"></td>
            <td>橘子</td>
           </tr>
    
     <tr  >
            <td ><input type="checkbox" name="id" value="3"></td>
            <td>梨子</td>
           </tr>
    
     <tr  >
            <td ><input type="checkbox" name="id" value="4"></td>
            <td>香蕉</td>
           </tr>
    
     <tr >
            <td ><input type="checkbox" name="id" value="5"></td>
            <td>荔枝</td>
           </tr>
    
     </form>
        </table>
       
</body>
</html>

分享到：
| 【Struts2】struts2 使用客户端校验例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    基于jQuery的三个JS复选框全选反选例子.zip

    本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能，这在表格或者多选项选择场景中非常常见。以下将详细介绍这一功能的实现方式。 首先，我们需要理解复选框...

    Javascript实现全选反选

    在JavaScript编程中，"全选反选"功能是常见的用户交互设计，常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目，极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    js实现全选效果

    在JavaScript（JS）中，全选效果是一种常见的用户交互功能，尤其在网页表格或列表中。这个功能允许用户通过单击一个按钮或链接来选择所有可选项目，或者取消已选中的所有项。这里我们将详细探讨如何使用JavaScript...

    一个实现复选框全选的JavaScript 例子

    一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中

    JavaScript与JQuery实现全选例子

    对于简单的操作如全选功能，原生JavaScript可能会提供更好的性能表现。然而，在处理复杂的DOM操作或频繁的事件绑定时，jQuery的简洁性和便利性通常更具优势。 #### 3.3 使用场景 - **简单页面**：对于只需要简单...

    js实现全选和反选功能

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

    三个基于jQuery的JS复选框全选反选例子

    摘要:脚本资源,jQuery,全选,反选　三个基于jQuery的JS复选框全选反选例子，实用的网页特效，三款例子大同小异。所有checkbox跟着全选的checkbox走，定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，...

    微信小程序实现多选框全选与取消全选功能示例

    下面将详细讲解如何通过JavaScript（JS）、WXML（微信小程序的XML标记语言）和WXSS（微信小程序的CSS样式语言）来实现这一功能。 首先，我们来看JS部分。在这个例子中，`Page` 是微信小程序的基本页面结构，包含了...

    JS简单表格列表全选反选代码.zip

    总的来说，"JS简单表格列表全选反选代码"是JavaScript基础应用的一个实例，涉及到事件处理、DOM操作、遍历和逻辑判断等多个核心概念，对于初学者和有一定经验的开发者来说，都是一个很好的学习和参考素材。

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

    综上所述，"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互性的实践教程。通过理解Checkbox的基本操作，结合服务器控件的事件处理和逻辑编程，我们可以创建出高效且易于...

    JavaScript例子—实现行的增加、删除、全选、反选

    这个例子可能是一个简单的数据管理或表格操作的教程，旨在帮助开发者理解和掌握JavaScript在处理表格数据时的灵活性。 首先，全选和反选功能是通过JavaScript来控制表格中复选框的状态。全选功能通常会有一个主复选...

    原生JS表格列表全选反选代码.zip

    在JavaScript（JS）编程中，实现表格列表的全选与反选功能是一项常见的需求，尤其在数据展示和用户交互中。这个"原生JS表格列表全选反选代码"就是一个解决此类问题的示例。下面将详细介绍这个示例中涉及的关键知识点...

    js控制复选框全选、全不选

    在JavaScript编程中，"js控制复选框全选、全不选"是一个常见的需求，尤其在数据表或者选项列表中，用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    JavaScript全选效果

    JavaScript全选效果是网页交互中常见的一种功能，它允许用户通过单击一个按钮或复选框来选择页面上的所有可选元素，如表格中的行或列表项。在HTML文件中实现这种效果通常需要结合JavaScript（一种广泛用于网页动态...

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

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

    js实现全选和反选

    通过js代码，实现表单元素的全选和反选的简单的例子

    js multiple全选与取消全选实现代码

    总结一下，实现JS中的全选和取消全选功能，可以使用`jQuery`或者原生JavaScript，主要涉及`&lt;select&gt;`元素的`&lt;option&gt;`子元素的`selected`属性的控制。在实际应用中，还可以结合其他事件如`click`、`checkbox`等来...

    简单实现全选反选功能（html）

    接下来，我们引入jQuery库，并创建一个名为`select.js`的JavaScript文件，来处理全选/反选的逻辑： ```javascript $(document).ready(function() { // 当全选按钮被点击时，触发事件 $('#selectAll').click...

    复选框的全选和取消的例子

    "复选框的全选和取消的例子"是一个实际应用案例，展示了如何实现对一组复选框进行全选和取消全选的功能，同时涉及到了数据的存储与管理，如使用SQL Server 2000数据库进行数据操作。 在这样的系统中，通常会有一个...

Magicbox
Global site tag (gtag.js) - Google Analytics