Javascript全选功能

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">        
            document.write("<ul>");
            for(var i=0; i<20; i++){
                document.write("<li>");
                document.write(‘<input type="checkbox" name="ids[]" value="‘+i+‘">aaaaaaaaa‘);
                document.write("</li>");
            }
            document.write("</ul>");
        </script>
        <label for="cc"><input id="cc" type="checkbox" onclick="sall(this)">全选</label>
        <script>
            var cnames=document.getElementsByName("ids[]");

function sall(obj){
                for(var i=0; i<cnames.length; i++){
                    cnames[i].checked=obj.checked;
                }
            }
        </script>
    </body>    
</html>

时间： 2024-12-13 09:17:43

Javascript全选功能的相关文章

js初学—实现checkbox全选功能

布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id="div1"> <input type="checkbox" /><br /> <input type="checkbox" /><br /> <input type="checkb

JS全选功能代码优化

最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码: JS所有代码: /** * JS全选 * @class Checkall * @param {Object} cfg * @param {Element|selector} [cfg.container] 限定全选的容器 * @par

js实现全选功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JavaScript 全选函数的实现

Html代码: <table id="purchase-info" class="table table-bordered table-hover table-striped" cellspacing="0" width="100%" align="center"> <caption>采购清单</caption> <thead> <tr> <

全选功能实现总结

全选功能实现: xml部分: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content&

Android ListView条目全选功能，不用checkbox实现！

大家好,翻了翻以前的笔记,发现了一个我特别标记的功能,那就是ListView全选功能,顿时想起了我那个时候苦逼的生涯,由于我大学机械出身,大学毕业了都不知道什么叫代码,在58干了一段销售.实在是干不下去了,不干了就得在网上找工作,就喜欢干电脑相关的工作,有一天,一家培训机构给我打来电话让我去面试,我以为让我去工作那,谁知道是忽悠我去培训,我当然不可能花钱了,就直接回去了,想了几天,除了销售我真不知道干啥,咬咬牙,就花钱培训了.我擦,咋说这到了,不跟你们说了,还是写下面的这个功能吧,虽然很简单,但

JQUERY的给Check全选功能

//给Checkbox提供全选功能 $("#checkall").click(function(){ if(this.checked){ $("input[name='checkname[]']").each(function(){ this.checked = true; }); }else{ $("input[name='checkname[]']").each(function(){ this.checked = false; }); }

javascript 全选 反选 js代码

<script type="text/javascript"> //全选function checkAll() { var objs = window.document.getElementsByTagName("input"); for(var i=0;i<objs.length;i++){ if (objs[i].type == "checkbox" && objs[i].disabled==false){

Vue的全选功能实现思路

全选功能的实现主要分两步: 1. 点击全选框选中所有选择框. 2. 当所有选择框都被选中时,勾选全选框. 详细思路: 1. 点击全选框选中所有选择框: 给全选框绑定一个值,然后添加change时间,当全选框的值改变时给所有选择框的值赋与全选框的值. 2. 当所有选择框都被选中时,选中全选框: 给所有选择框都添加change事件,当某个选择框的值改变时,检查所有选择框的状态:只要有一个选择框没被选中,则把全选框的值设为false,否则设为true. 注意:两步的关键区别在于,一个是通过事件改变,一