js checkbox

<!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=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

function select_all(obj)

{

    //取得由所有hobby构成的一个数组对象

    //如果表单中，存在多个同名的name，将产生一个数组

    var arr = document.form1.hobby;

    if(obj.checked)

    {

        //为true执行代码

        for(var i=0;i<arr.length;i++)

        {

            arr[i].checked = true;

        }

    }else

    {

        //为false执行代码

        for(var i=0;i<arr.length;i++)

        {

            arr[i].checked = false;

        }

    }

}

function select_no_all()

{

    //取得所有的hobby对象

    var arr = document.form1.hobby;

    for(var i=0;i<arr.length;i++)

    {

        if(arr[i].checked)

        {

            //如果选中，则取消

            arr[i].checked = false;

        }else

        {

            //如果没选中，则选中

            arr[i].checked = true;

        }

    }

}

</script>

</head>

<body>

<form name="form1">

<fieldset>

    <legend>选择你感兴趣的类别</legend>

    <input type="checkbox" name="hobby" value="音乐" />音乐

    <input type="checkbox" name="hobby" value="看书" />看书

    <input type="checkbox" name="hobby" value="体育" />体育

    <input type="checkbox" name="hobby" value="足球" />足球

    <input type="checkbox" name="hobby" value="电脑" />电脑<br />

    <input type="checkbox" name="hobby" value="小说" />小说

    <input type="checkbox" name="hobby" value="文学" />文学

    <input type="checkbox" name="hobby" value="动漫" />动漫

    <input type="checkbox" name="hobby" value="经济" />经济

    <input type="checkbox" name="hobby" value="电影" />电影<br />

    <input type="checkbox" name="hobby" value="美术" />美术

    <input type="checkbox" name="hobby" value="管理" />管理

    <input type="checkbox" name="hobby" value="历史" />历史

    <input type="checkbox" name="hobby" value="旅游" />旅游

    <input type="checkbox" name="hobby" value="戏剧" />戏剧

</fieldset>

    <input type="checkbox" onclick="select_all(this)" value="全选" />全选

    <input type="checkbox" onclick="select_no_all()" value="反选" />反选

</form>

</body>

</html>

js checkbox的更多相关文章

  1. JS checkbox 全选 全不选

    /* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value= ...

  2. 比较全的JS checkbox全选、取消全选、删除功能代码

    看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Va ...

  3. js Checkbox 传递多个值给后台

    ------前台JS "<input class=\'jTabCheck2\' type=\'checkbox\' partvguid=" + obj + " pr ...

  4. js checkbox 选中判断

    var isSelect = ""; isSelect = $("#tblImgList" + " input[type='checkbox']&qu ...

  5. w_all_checked - js -checkbox 多选、全选、submit、request

    <!doctype html> <html> <head> <meta charset="UTF-8"> </head> ...

  6. js checkbox多选值采集

    var objs = document.getElementsByTagName("input"); for (var i = 0; i < objs.length; i++ ...

  7. Vue.js checkbox 练习

    <div id="app"> <input type=" />足球 <input type=" />篮球 <input ...

  8. js CheckBox 全选、反选

    <h3>你最喜欢的水果是?</h3> <label><input type="checkbox"/>苹果</label> ...

  9. js CheckBox只读

    checkbox没有readOnly属性 所以我们要设置CHeckbox是只读的话就要设置其onclick方法并返回false checkbox.onclick=function(){return f ...

随机推荐

  1. .NET笔试面试题

    .NET 1.const和readonly的区别? 2.静态类和实例区别?什么时候使用? 3.接口和抽象类的区别?什么时候使用? 4.类和结构体的区别?什么时候使用? 5.文件操作 6.序列化 7.O ...

  2. MVC中使用Tuple完成匿名类数据存储

    使用MVC时,会遇到从Controller传递到View的数据只是某几个表中的几个字段的数据,有很多人都会想到能否把这几个字段组成一个匿名类传到View,但是这样好像行不通,所以有些时候我们会针对这几 ...

  3. html中table的画法及table和div的区别

    最近项目中,根据客户的要求需要在页面上展示各种报表什么的,各种表格的都会出现.这里也将table的画法,做一下总结.办法虽笨但很实用.这也是从高人那里学来的,总之是屡试不爽啊.就以下面的表格为例. 若 ...

  4. MongoDB的快速手动安装

    上一篇文章<MongoDB.WebIDE:升级版的Mongodb管理工具>漏了点东西:就是关于MongoDB主从库的安装配置和启动.网上关于MongoDB的安装有大量的文章供大家学习.我这 ...

  5. 登录DA面板出现：License has expired

    登录DA面板出现:License has expired的解决方法. 首先看是否过期,如果出现The license looks fine on this end. 登录 SSH as root # ...

  6. 繁华模拟赛 Evensgn的债务

    #include<iostream> #include<cstdio> #include<string> #include<cstring> #incl ...

  7. ABK （枚举）

    ABK Accepted : 24   Submit : 176 Time Limit : 1000 MS   Memory Limit : 65536 KB  题目描述 ABK是一个比A+B还要简单 ...

  8. PPTP服务器配置选项详解

    导读 PPTP服务器配置文件的格式与其它许多Unix程序相似,每一行包含一项配置内容,以配置选项名称开始,后面紧跟参数值或者关键字,它们之间用空格分隔.在读取配置文件时,pptpd进程将忽略空行和每一 ...

  9. 他们在军训，我在搞OI（三）

    昨天忘记写了,因为急着去看 51nod 比赛,然而思考了许久还是一道都不会,好菜啊T_T... 补一下 Day 3 的情况. Day 3 上午还是常规地做 vjudge 上的套题,硬着头皮啃英文,感觉 ...

  10. HDOJ 1026 dfs路径保存

    #include<cstdio> #include<cstring> #include<cmath> ][]; #define inf 0xffffff int n ...