`
guoyong123
  • 浏览: 56469 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论
  • jateide: 还有个TRACE级别。另外还有两个特殊级别:ALL 和 OFF ...
    Log4j级别

JS 操作复选框

    博客分类:
  • WEB
 
阅读更多
  1. script language="javascript">  
  2. // --列头全选框被单击---  
  3. function ChkAllClick(sonName, cbAllId){  
  4.     var arrSon = document.getElementsByName(sonName);  
  5.  var cbAll = document.getElementById(cbAllId);  
  6.  var tempState=cbAll.checked;  
  7.  for(i=0;i<arrSon.length;i++) {  
  8.   if(arrSon[i].checked!=tempState)  
  9.            arrSon[i].click();  
  10.  }  
  11. }  
  12.   
  13. // --子项复选框被单击---  
  14. function ChkSonClick(sonName, cbAllId) {  
  15.  var arrSon = document.getElementsByName(sonName);  
  16.  var cbAll = document.getElementById(cbAllId);  
  17.   
  18.  for(var i=0; i<arrSon.length; i++) {  
  19.      if(!arrSon[i].checked) {  
  20.      cbAll.checked = false;  
  21.      return;  
  22.      }  
  23.  }  
  24.  cbAll.checked = true;  
  25. }  
  26.   
  27. // --反选被单击---  
  28. function ChkOppClick(sonName){  
  29.  var arrSon = document.getElementsByName(sonName);  
  30.  for(i=0;i<arrSon.length;i++) {  
  31.   arrSon[i].click();  
  32.  }  
  33. }  
  34. </script>  
  35. function del(){

                             var checkbox=document.getElementByName("mailid");

                              var checknum=0;

                             var url="";

                             var str="";

                              for(i=0;i<checkbox.length;i++){

                                        if(checkbox[i].checked){

                                                  checknum++;

str+=checkbox[i].value+",";

                                }

 

                                }

 

if(checknum>=1){

          *************

}

 else{

     alert("请选择记录")

}

}

分享到:
评论

相关推荐

    带复选框JS树,JS带复选框的列表,很好用

    总的来说,"带复选框JS树"是前端开发中一种重要的交互元素,结合了数据结构、用户界面设计和JavaScript编程技术,为用户提供了一种直观的方式来操作和管理层次化数据。通过学习和掌握这种技术,开发者可以提升用户...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    使用javascript对复选框的各种操作

    以下是一些JavaScript对复选框的基本操作及其详细解释: 1. **获取复选框状态**: 使用`document.getElementById()`或`document.querySelector()`方法可以获取特定复选框的状态。复选框的`checked`属性用于检查...

    带有复选框的JS树状菜单

    "带有复选框的JS树状菜单"是一个常见的需求,它允许用户通过视觉层次结构来组织和选择数据。这种类型的菜单常用于文件管理器、设置面板或权限配置等场景。下面将详细介绍这个主题涉及的关键知识点。 首先,我们需要...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

    js限制复选框选择个数

    本文将深入探讨如何使用JS限制复选框(checkbox)的选择个数,这是一个实用的功能,允许开发者自由定义用户最多可以选择多少个选项。 ### 核心知识点 #### 1. JS限制复选框选择个数的实现原理 在提供的代码片段中...

    javascript复选框实现批量选择

    JavaScript 复选框实现批量选择 在开发过程中,经常会遇到对查询列表中的记录进行批量操作的情况,例如批量删除、批量编辑等。实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后...

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

    总之,“js控制复选框全选、全不选”是JavaScript基础应用的一个实例,通过理解和实践这样的功能,开发者可以更好地掌握DOM操作和事件处理。`checked.html`文件是一个很好的学习资源,可以帮助我们直观地了解这一...

    js翻页复选框状态保存

    ### js翻页复选框状态保存 在网页开发过程中,特别是在使用JSP(Java Server Pages)进行后端处理的应用场景下,保持用户界面的一致性和交互性是非常重要的。本篇文章将详细探讨如何通过JavaScript实现一个功能:即...

    js实现复选框和单选框的选择

    3. **全选/全不选**:一种常见的交互模式,允许用户通过单个操作来选择或取消所有复选框。 #### 示例分析 首先,我们来看一下示例代码中提供的两个主要功能:全选/全不选功能(`checkAll`函数)和单个复选框选择...

    js 实现选一个复选框 可以实现其他很多复选框同时选中

    在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态以及关联文本框的显示与隐藏。该功能在用户界面设计中非常常见,尤其是在表单...

    JavaScript复选框相关函数

    总结,JavaScript复选框的相关函数涉及获取、设置状态、操作全选/全不选及事件处理等多个方面。理解并熟练运用这些函数,能帮助开发者创建更加动态和交互性强的Web页面。在实际应用中,我们还需要考虑兼容性、性能...

    复选框变单选框

    在IT行业的前端开发中,将复选框(checkbox)转换为单选按钮(radio button)的行为,虽然在表面上看似简单,但其实涉及到了DOM操作、事件处理以及逻辑判断等多方面的知识。根据提供的代码片段与描述,我们可以深入...

    复选框选中表格中的行进行删除行操作

    总的来说,"复选框选中表格中的行进行删除行操作"是一个综合性的功能,涉及到前端交互设计、数据绑定、事件处理、DOM操作等多个方面,需要结合HTML、CSS和JavaScript的知识来实现。在实际开发中,我们还需要关注用户...

    js实现全选的复选框

    这里,我们为全选复选框设置了`id="selectAll"`,为子复选框设置了`class="item"`,这样可以通过这些属性方便地在JavaScript中进行操作。 二、JavaScript实现全选功能 在JavaScript中,我们可以通过事件监听和DOM...

    微信小程序实现复选框效果

    数据对象用于存储复选框的选中状态和对应的数据值,事件处理函数用于响应用户的点击操作,切换复选框的状态并更新数据。 5. 页面生命周期函数:微信小程序提供了一系列的页面生命周期函数,用于在页面的不同阶段...

    复选框的左右移动

    4. **DOM操作**:根据移动方向,我们使用jQuery的DOM操作方法(如`detach`、`append`或`prepend`)来移动复选框。`detach`用于从DOM中移除元素,而`append`或`prepend`用于在目标容器中添加元素。同时,别忘了同步复...

    spreadjs_导出 Excel 显示复选框而不是布尔值-demo.zip

    描述“spreadjs_导出 Excel 显示复选框而不是布尔值-demo”进一步强调了这个演示是关于在Excel导出中用复选框代替简单的文本值(如"True"或"False"),这在处理包含逻辑值的数据时非常有用,因为复选框更直观,用户...

    超漂亮的表单复选框特效

    4. **响应式设计**:为了适应不同设备和屏幕尺寸,复选框特效需要具有良好的响应性,确保在手机、平板电脑和桌面电脑上都能正常显示和操作。 5. **无障碍性**:考虑到残障人士的需求,特效应遵循无障碍设计原则,...

    jquery 、js实现复选框 (全选、反选)

    ### 使用jQuery和JavaScript实现复选框的全选与反选功能 在Web开发中,复选框(checkbox)是常用的一种交互元素,特别是在表格或列表中用于选择多个项目时非常实用。本文将详细介绍如何利用jQuery和原生JavaScript...

Global site tag (gtag.js) - Google Analytics