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

js全选例子一个

    博客分类:
  • js
阅读更多

<html>
<head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <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 fSelectAll(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="fSelectAll(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>

分享到:
评论

相关推荐

    Javascript实现全选反选

    全选反选的核心思想是通过更改一个主复选框的状态(通常被称为“全选”按钮)来同步所有子复选框的状态。当“全选”按钮被选中时,所有子复选框应被选中;反之,如果“全选”按钮被取消选中,所有子复选框则应被取消...

    JavaScript与JQuery实现全选例子

    此函数接收一个全选按钮的状态,并将其应用到指定区域内的所有复选框上。 #### 1.2 单个选择操作 对于单个选择的情况,我们需要检测所有复选框的状态,并根据这些状态更新全选按钮的状态。具体实现如下: ```...

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

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

    js实现全选效果

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

    js实现全选和反选功能

    我们可以创建一个主复选框,当用户点击这个主复选框时,触发一个JavaScript事件,例如`click`,然后在事件处理函数中执行全选操作。以下是一个简单的示例: ```html &lt;!DOCTYPE html&gt; 全选与反选 ()"&gt; 全选 ...

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

    在表头中,有一个特殊的全选 `&lt;checkbox&gt;`,其 `value="all"`,并绑定了 `selectall` 函数,当点击时会触发全选/取消全选操作。 接下来是WXSS部分,这部分定义了样式规则,使表格具有良好的视觉效果。`.table` 类...

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

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

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

    在前端开发中,jQuery库是JavaScript的一个强大工具,它简化了DOM操作、事件处理、动画设计和Ajax交互。本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能,这在...

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

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

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

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

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

    这个"原生JS表格列表全选反选代码"就是一个解决此类问题的示例。下面将详细介绍这个示例中涉及的关键知识点。 1. **HTML表格(`&lt;table&gt;`)**: HTML表格是网页中用于组织数据的基本元素,由`&lt;table&gt;`、`&lt;tr&gt;`(行...

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    这个“基于jQuery实现的全选、反选复选框插件源码例子”是一个很好的学习资源,可以帮助开发者理解如何利用jQuery来操控DOM(Document Object Model)中的复选框,并实现全选与反选的功能。 首先,我们要了解jQuery...

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

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

    用js代码写全选与全不选

    在JavaScript(JS)中,全选与全不选的功能通常应用于多选列表或者表格中,让用户可以方便地一次性选择或取消所有选项。这个主题对于初学者来说是非常基础且实用的知识点,下面我们将深入探讨如何使用JavaScript实现...

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

    首先,我们需要创建一个包含多个复选框的HTML结构。例如: ```html &lt;input type="checkbox" name="checkbox" value="1"&gt; Option 1 &lt;input type="checkbox" name="checkbox" value="2"&gt; Option 2 ...

    javascript获取checkbox选定的值,checkbox全选功能

    javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。

    JavaScript全选效果

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

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

    所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,提升程序效率。用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。一行做过多的事情需要写更多注释。复杂...

Global site tag (gtag.js) - Google Analytics