`
xu520
  • 浏览: 83932 次
  • 性别: Icon_minigender_1
  • 来自: 金华
社区版块
存档分类
最新评论

javascript 一个按钮选中所有checkbox

 
阅读更多
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
   function selectall()
   {
   var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=true;
   }
   }
   function cacelall()
   {
  var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=false;
   }
   }
  </script>
 </HEAD>

 <BODY>
  郭磊<input type="checkbox" checked="checked" name="b1"/>  常伟<input type="checkbox" checked="checked" name="b1"/>  杨怀颖<input type="checkbox" name="b1"/> 
<input type="button" value="全部选中" onclick="selectall();"/>  <input type="button" value="全部取消" onclick="cacelall();"/> 
 </BODY>
</HTML>

分享到:
评论

相关推荐

    checkbox多项选中及取消选中

    `checkbox` 是HTML中的一个输入类型,其标签为 `&lt;input type="checkbox"&gt;`。用户可以通过勾选或取消勾选来表示对某个选项的同意或不同意,或者选择多个选项。 2. **多选功能实现**: 在网页上实现多选功能,通常...

    获得选中的checkBox值

    点击按钮获取选中的CheckBox值,JQ实现,代码非常简单。

    checkbox 选中一个另一个checkbox也会选中的实现代码

    此外,代码还包含了一个文字切换的功能,当“全选”按钮被选中时,文本显示为“取消”,反之则显示为“全选”。这是通过获取 `.do` 类的文本并做相应的修改来实现的。 总之,这个实现代码展示了如何通过 jQuery ...

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    "Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件,它包含完整的HTML和CSS代码,可能还包含了JavaScript实现。这个案例演示了如何将...

    常用的js全选checkbox按钮的功能

    这段代码首先获取了全选按钮和所有选项checkbox,然后为全选按钮添加了一个点击事件监听器。当全选按钮被点击时,会根据其选中状态遍历所有选项并设置它们的选中状态。同时,也为每个选项添加了一个点击事件监听器,...

    用JS修改checkbox的选中状态

    这里的`type="checkbox"`定义了这是一个复选框,而`id`属性则为该元素提供了唯一标识,便于我们通过JavaScript进行访问。 在JavaScript中,我们可以使用`document.getElementById()`或`document.querySelector()`...

    jquery获取checkbox选中的值

    要实现全选功能,你可以为一个按钮添加点击事件,然后使用`.prop()`方法将所有checkbox的`checked`属性设为`true`: ```javascript $('#selectAll').on('click', function() { $('input[type=checkbox]').prop...

    jQuery操作checkbox并获取选中值

    这将创建一个数组`selectedValues`,其中包含了所有选中checkbox的值。 ### 六、实际应用 在实际项目中,这些功能通常会绑定到按钮的点击事件上。例如,你可以为全选按钮添加一个id `selectAll`,然后在文档加载...

    滑动按钮 滑动checkbox

    - **样式**:滑动按钮通常包含一个可滑动的滑块和两个表示状态的视觉元素,例如文字“开”和“关”,或不同颜色的背景。 - **交互**:滑动动作触发事件,可以绑定回调函数,实现状态变更时的业务逻辑处理。 - **...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    checkbox选中 全选 传值

    在IT行业中,"checkbox选中 全选 传值"是一个常见的交互功能,特别是在Web开发领域。这个功能涉及到用户界面(UI)设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点: 1. **Checkbox(复选框...

    通过CheckBox删除选中记录

    当用户点击“删除”按钮时,前端会根据当前选中记录的状态数组,向后端发送一个包含所有待删除记录ID的请求。这个请求可以是POST、PUT或DELETE,具体取决于API设计。 6. **后端处理**: 后端接收到请求后,会检查...

    JavaScript实现CheckBox选中方法.doc

    该复选框绑定了一个`onClick`事件,该事件将触发名为`TA()`的JavaScript函数。此外,还有三个分别名为`ABC`、`DEF`和`GHL`的复选框,它们各自绑定了`TTA(this)`函数,用于处理单个复选框的状态改变。 接下来,我们...

    自定义checkbox与button操作

    我们可以通过设置`checked`属性来默认选中一个checkbox。 其次,`&lt;button&gt;`元素是网页中的一个可点击的交互组件,用于执行某些操作。它的行为可以通过JavaScript进行定制,例如改变按钮的样式或禁用/启用按钮的点击...

    layui动态禁用checkbox.rar

    在上述代码中,我们假设有一个全选按钮`#all-check`和一个全不选按钮`#none-check`,通过点击它们触发全选和全不选操作。这样,我们就实现了在layui table中动态禁用部分checkbox,并在全选操作时排除这些禁用的...

    jquery实现全选、反选、获得所有选中的checkbox

    jQuery是一个快速、小巧、功能强大的JavaScript库。它通过封装简化了DOM操作、事件处理、动画和Ajax交互,使开发者能够以更少的代码完成复杂的工作。本文主要介绍如何使用jQuery来实现全选、反选和获取所有选中的...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    在JavaScript(JS)中,`checkBox`,也称为复选框,是网页表单中常见的一种元素,用于用户选择一个或多个选项。全选功能在处理多选项时非常实用,比如在一个列表中批量选择所有项目。这个标题和描述虽然重复,但明显...

    Asp.net CheckBoxList操作集合

    在ASP.NET Web Forms开发中,CheckBoxList控件是一种常用的选择组件,它允许用户从一系列选项中选择一个或多个项目。本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选...

Global site tag (gtag.js) - Google Analytics