`
wangxinqn
  • 浏览: 15577 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

关于JS中如何得到所有checkbox的合集

 
阅读更多

这是一个很常见到的问题,也很使用。比如“反选”,“全选”,“全清”之类功能。

这边有个小例子。仅供参考(是我在一个论坛上看到的,转发)

 

    <script>

          function UnCheckAll(frm) {  
                  for(var   i=0;i<frm.elements.length;i++){   <br="">                   var e=frm.elements[i];  
                  if (e.type == 'checkbox'){   
                         e.checked = false;//全清   
                         e.checked = true;//全选   
                         e.checked = !e.checked;//反选
                  }   
            }  
         }      

</script>

 

          

                      。。。。。。。。。。

                      <botton onclick="UnCheckAll(this.form)"></botton>

          

 

 

 

分享到:
评论

相关推荐

    js获得Gridview中选中checkbox行的信息

    本文将详细介绍如何使用JavaScript获取GridView中选中Checkbox行的信息。 首先,理解基础概念: 1. **JavaScript**:一种运行在客户端的脚本语言,常用于网页动态效果的实现和与用户的交互。 2. **GridView**:通常...

    c# javascript 操作 checkBox控件

    在C#和JavaScript这两种不同的语言中,对`CheckBox`的操作方法有所不同,但它们在网页交互和后端处理中都扮演着重要角色。 C#主要应用于ASP.NET框架,它是一种服务器端编程语言,用于创建动态网页和Web应用程序。在...

    ios应用源码之类似js的checkbox效果的效果库 2018128

    标题提到的"ios应用源码之类似js的checkbox效果的效果库"是指一个专为iOS设计的代码库,它模仿了JavaScript中的复选框(checkbox)效果。JavaScript中的复选框是一种常见的用户界面元素,用户可以通过点击来选择或...

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

    3. 全选逻辑:在事件处理函数中,遍历所有关联的`checkbox`,利用`checked`属性设置或清除它们的选中状态。 三、获取选中项数量 1. 计算选中项:使用`querySelectorAll`选择所有选中的`checkbox`,如`document....

    用checkbox选择删除数据库中的多条数据

    例如,我们可以使用`document.querySelectorAll('input[type="checkbox"]:checked')`获取所有被选中的复选框,然后读取其`value`属性,这些值通常对应数据库中记录的ID。 一旦获得了要删除的记录ID,就需要与服务器...

    JS获得选取checkbox整行数据的方法

    在示例中,我们将重点讲解如何利用JavaScript对DOM节点进行操作,以及如何处理与checkbox选中状态相关联的行数据。 首先,我们需要了解DOM(文档对象模型)树的概念。在HTML文档中,所有的元素都被看作是节点,而...

    获得选中的checkBox值

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

    js复选框(checkbox).zip

    在JavaScript中,复选框(Checkbox)是一种常用的表单元素,用于用户选择多个选项中的一个或多个。在HTML5中,复选框的功能得到了增强,提供了更好的可访问性和语义化。本压缩包"js复选框(checkbox).zip"包含了一...

    巧用struts标签之checkboxlist选中默认值换行处理

    在JSP页面加载完成后,通过获取`checkboxlist`对应的`td`元素,然后遍历其中的所有`checkbox`元素,每5个复选框后插入一个换行符` `,并为每个复选框前添加一个`label`元素,以便于更好的可访问性。 ```...

    (原创)struts标签之checkboxlist选中值并换行处理

    // 得到一个checkbox数组 var checkboxes = checkboxlist_td.getElementsByTagName("input"); // 遍历复选框 for (var i = 0; i ; i++) { // 如果不是第一个且每五个复选框后插入一个换行符 if (i != 0 && i % 5 ...

    radio/checkbox默认样式太丑?换个新鲜的样子吧!.zip

    开发者可以通过参与社区讨论,获得关于如何集成到自己的项目中的指导,或者根据需要进行二次开发。 总的来说,这个项目为改善网页中radio和checkbox的默认样式提供了一个创新的解决方案。通过JavaScript技术,...

    Html\checkbox)属性解析及应用.docx

    &lt;th&gt;&lt;input type='checkbox' onclick='javascript: checkAll(this)'&gt;全选 &lt;td&gt;&lt;input type='checkbox' value="汽车" title="car" onclick="callCheck(this)"&gt; ('汽车')" style="cursor:hand"&gt;汽车&lt;/a&gt;&lt;/td&gt; ...

    ie中js创建checkbox默认选中问题探讨

    总结来说,当在JavaScript中创建Checkbox并需要设置默认选中状态时,特别是在处理老版本的Internet Explorer时,应确保`checked`属性的设置发生在元素被添加到DOM之后,以保证在所有主流浏览器中的兼容性。...

    纯JS打造网页中checkbox和radio的美化效果

    总结来说,纯JavaScript打造网页中checkbox和radio的美化效果,主要依赖于CSS的高级布局技巧和背景图像的巧妙应用。同时,JavaScript可以增加交互性,确保用户操作与视觉反馈同步。这样的方法可以有效地提高网页的...

    domino xpags开发checkBox

    1. **事件处理**:通常,你会在特定的事件(如 `onChange` 或 `onClick`)中检查 CheckBox 的状态,以确保用户的操作得到及时响应。 2. **多选 CheckBox**:如果你需要处理多个 CheckBox,可以通过循环遍历组件集合...

    javascript获得CheckBoxList选中的数量

    在网页开发中,有时我们需要获取用户在CheckBoxList控件中选中的选项数量,这在JavaScript和jQuery中都可以实现。本文将详细介绍如何使用这两种技术来获取CheckBoxList选中的数量,并通过一个具体的实例进行对照学习...

    jstree中的checkbox默认选中和隐藏示例代码

    以下便是关于如何在jstree中实现复选框默认选中和隐藏的具体知识点。 首先,要在jstree中实现复选框的默认选中,需要在初始化jstree时配置Checkbox插件,并在节点的数据结构中为需要默认选中的节点指定状态(state...

    前端项目-checkbox.css.zip

    7. **跨浏览器兼容性**:虽然CSS3提供了丰富的功能,但并非所有特性在所有浏览器中都得到支持。开发者可能需要使用前缀(如`-webkit-`, `-moz-`, `-ms-`)来确保在不同的浏览器(如Chrome, Firefox, Safari, Edge等...

    jquery 获得select、radio、checkbox选择的text和value值

    // 遍历所有名为 items 的 checkbox,并获取每个被选中的 value $("input[name='checkbox']:checked").each(function () { var val = $(this).val(); }); ``` ##### 2. 设置特定 checkbox 的选中状态 ```...

Global site tag (gtag.js) - Google Analytics