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-Type" content="text/html; charset=utf-8" />
<title>定时器</title>
<script type="text/javascript">
    function fun1(o)
    {
        arr=document.getElementsByName("chk");
        for(var i=0;i<arr.length;i++)
        {
            arr[i].checked=o.checked;
        }
    }
    function fun2()
    {
        arr=document.getElementsByName("chk");
        for(var i=0;i<arr.length;i++)
        {
            if(arr[i].checked==false)
            {
                document.getElementById("qx").checked=false;
                return;
            }
        }
        document.getElementById("qx").checked=true;
    }

</script>

</head>
<form>
    <input id="qx" type="checkbox"  onclick="fun1(this)"/>全选
    <input type="checkbox" name="chk" onclick="fun2()"/>语文
    <input type="checkbox" name="chk" onclick="fun2()"/>数学
    <input type="checkbox" name="chk" onclick="fun2()"/>英语
    <input type="checkbox" name="chk" onclick="fun2()"/>生物
    <input type="checkbox" name="chk" onclick="fun2()"/>物理
    <input type="checkbox" name="chk" onclick="fun2()"/>化学
</form>
<body>
</body>
</html>
时间: 2024-10-02 23:58:06

JS全选的操作的相关文章

JS全选功能代码优化

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

jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次

jquery checkbox全选,全不选,反选方法, jquery checkbox全选只能操作一次, jquery checkbox全选只有第一次成功 Js代码  下载 /** * 全选 * 对于Jquey1.7.2+版本,使用attr会造成只能操作一次. * 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. * 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. * @param checkName */ function checkAll(chec

简单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

Js全选、反选

Js全癣反选,挺常用的功能,大多数的WEB管理系统.后台管理基本上都具备这一功能,但是有很多朋友或许对此类JS的使用并不熟悉,重新分享一款JS全癣反癣清除的功能,供你使用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

js 全选 不选 反选

js实现 全选 不选 反选 思路: 1,获取元素 2,给全选 不选 反选添加点击事件 3,用for循环checkbox 4,把checkbox的checked设置为true即实现全选 5,把checkbox的checked设置为false即实现不选 6,通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. html代码: <input type="button&qu

JS全选

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html>    <head>        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>        <scri

Jquery全选系列操作(锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>复选框应用</title> <script src="../../js/j

纯js全选、多选

使用纯js来写一个模拟购物车的全选和多选功能. 思路: 1.需要给每一个input设置点击事件 2.全选就是把所有的checkbox设置为true 3.取消一个不全选,就是判断是否全部的checkbox都被选了 代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head&

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

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