全选代码

全选js代码:

<script>
    function CheckAll()  {
        var checkall=document.getElementById("chk");           //chk全选按钮的id
        var checkid=document.getElementsByName(‘counts[]‘);    //counts[]复选框的name
        if(checkall.checked==true){
            for(var i=0;i<checkid.length;i++){
                checkid[i].checked=true;
            }
        }else{
            for(var i=0;i<checkid.length;i++){
                checkid[i].checked=false;
            }
        }
    }
</script>
时间: 2024-11-14 11:56:19

全选代码的相关文章

js 全选选框与取消全选代码

设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script> var a=document.getElementById("a"); var b=document.getElementsByClassName("b"); //全选与取消全选 var y=true; a.onchange=function(){ if(a.c

全选反选取消-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-

jquery全选、反选、全不选代码

1.JS代码 function ($) { //全选 反选 全不选 $("#selAll").click(function () { $(".lists :checkbox").not(':disabled').prop("checked", true); }); $("#unSelAll").click(function () { $(".lists :checkbox").not(':disabled'

javascript实现复选框全选和取消代码分析

javascript实现复选框全选和取消代码分析:复选框是常用的元素之一,而点击实现全选和取消全选又是最为常用的功能,特别是在批量操作管理中,非常的方便,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

easyui反选全选和全不选代码以及方法的使用

首先要说明的是,onclick="javascript:这里只能写JS的代码,不能写个方法名.",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法” 接下来是easyui的方法: //全选 $("#mAllSelect").click(function () { $("#dgShowData").datagrid("checkAll"); })

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

一行jQuery代码搞定checkbox 全选和全不选

在网站建设中:让复选框全部选中和全部取消是比较常用的:下面就介绍如何用一句话搞定全选功能: 其实很简单:那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码: 好了,我要介绍的方法讲完了: 好吧,别砸鸡蛋:我是开个玩笑:代码在下面 JavaScript部分: function checkAll(obj){     $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked')); } html部分:

使用jQuery练习全选-取消-反选-显示选择内容等功能代码

<span style="font-size:24px;color:#ff0000;">部长练习全选-取消-反选-显示选择内容等功能代码:</span> <!doctype html> <html> <head> <meta charset="gb2312"> <title>部长练习全选-取消-反选-显示选择内容等功能</title> <script src=&qu

简单JS全选、反选代码

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