`

JS实现全选

阅读更多
<script language="javaScript">    
  
//全选或全部不选    
function checkall() {    
    var isChecked=(document.form1.checkAll.checked == true);    
    var elements_all=document.form1.elements;    
    for(i=0;i<elements_all.length;i++) {    
        var element=elements_all[i];    
        if(element.type=="checkbox")  {    
            element.checked=isChecked;    
        }    
    }    
}    
  
//是否有checkbox被选中    
function anyChecked() {    
    var elements_any=document.form1.elements;    
    for(i=0;i<elements_any.length;i++) {    
        var element=elements_any[i];    
        if(element.checked == true) {    
            return true;    
        }    
    }    
    return false;    
}    
  
</script>  


<form name="form1" Method="post" action="" onsubmit="return anyChecked()">    
全选:<input type="checkbox" id="checkAll"onclick="checkall()" />    
多项选择框列表:    
<input type="checkbox" name="cb" value="1"/>    
<input type="checkbox" name="cb" value="2"/>    
<input type="checkbox" name="cb" value="3"/>    
<input name="Submit" type="submit" value="submit">    
</form>   


http://wjt276.iteye.com/blog/455109
分享到:
评论

相关推荐

    JS实现全选、反选

    JS JS实现全选反选 全选 反选

    javascript实现全选全不选

    总结一下,JavaScript实现全选全不选的核心思路是: 1. 创建一个全选/全不选的主复选框,并绑定`onclick`事件。 2. 编写函数处理全选/全不选的逻辑,改变所有子项复选框的状态。 3. 监听子项复选框的`change`事件,...

    js实现全选效果

    这里我们将详细探讨如何使用JavaScript实现全选和取消全选的效果。 首先,我们需要了解HTML结构。在网页中,我们通常会有一个复选框作为全选控制元素,以及一组相关的复选框或单选按钮代表可选项目。以下是一个简单...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能...二、JavaScript实现全选/反选 1. HTML结构: 首先,我们需要在HTML中设置一个主复选框(全选)和多个子复选框: ```html &lt;input type="checkbox" id="selectAll"&gt; 全选 ...

    简单js实现全选全部选反选效果

    以上就是使用JavaScript实现全选和反选功能的基本方法。在实际应用中,可能还需要考虑更多细节,如处理异步加载的数据、兼容不同浏览器等。通过不断学习和实践,你可以熟练掌握这些技巧,提高网页的交互性和用户体验...

    JS实现全选反选全不选

    JS实现全选反选全不选

    js实现全选的复选框

    二、JavaScript实现全选功能 在JavaScript中,我们可以通过事件监听和DOM操作来实现全选功能。下面是一个简单的实现: ```javascript document.getElementById('selectAll').addEventListener('change', function()...

    js实现全选和反选功能

    在JavaScript中,全选和反选...总的来说,通过JavaScript实现全选和反选功能并不复杂,关键在于正确地获取和操作复选框的`checked`属性。了解这些基础知识后,你可以灵活地应用在各种Web项目中,提高用户的交互体验。

    js实现全选删除+jsp.+js

    在网页开发中,"js实现全选删除+jsp"是一个常见的功能需求,它涉及到JavaScript(js)和JavaServer Pages(jsp)的交互,主要用于提高用户体验,让用户能够方便地选择并删除多个项目。以下是对这个主题的详细解释: ...

    JS实现全选、反选、获取选中的数据、文本框控制

    JS实现全选、反选、获取选中的数据、文本框控制,代码简洁易读易用

    js实现全选

    js 实现全选去不选反选

    js实现全选和光棒效果

    JavaScript 实现 CheckBox 全选和光棒效果

    jquery与js实现全选功能的区别.docx

    ### jQuery与纯JavaScript实现全选功能的区别 在前端开发领域,选择使用jQuery库还是原生JavaScript来实现某些功能,如全选功能,始终是一个值得讨论的话题。本文将深入探讨使用这两种方式实现全选功能的不同之处,...

    js实现全选与反选

    主要适用于全选和反选 共两个按钮一个全选和反选 全选可以实现点击全选后全部被(选中) 再点击全选的时候 就被(取消)了。 当然反选就不用说了 此代码功能很实用·····

    GridView js实现全选 (分页保持选择状态)

    1. 使用JavaScript操作DOM,实现全选/取消全选功能。 2. 使用数据结构(如JavaScript对象或数组)存储各分页的选中状态。 3. 在分页切换时,根据存储的数据恢复和更新选中状态。 通过这些步骤,我们可以创建一个...

    js实现全选和全不选功能

    总结来说,JavaScript实现全选和全不选功能的关键在于监听全选复选框和待选复选框的点击事件,以及正确地更新和同步`checked`属性。通过这种方式,我们可以提供给用户方便快捷的批量操作选项,提升用户体验。

    js实现全选和反选

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

    js/jQuery实现全选效果

    **JavaScript实现全选效果** 1. **点击全选按钮实现全选** 当用户点击全选按钮时,我们需要遍历所有的子选框并设置它们的`checked`属性为`true`。首先获取所有子选框的集合,然后在点击事件中检查全选按钮的状态。...

    js全选单选集合

    通过以上讲解,我们了解了JavaScript实现全选和单选的基本方法,以及如何在实际项目中优化和扩展这些功能。在阅读`test.html`文件时,可以根据这些知识进行分析,理解并修改代码以满足特定需求。

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

Global site tag (gtag.js) - Google Analytics