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. 在不借助其他工具的情况下破解Windows开机密码

    文章:http://www.cnblogs.com/vforbox/p/4828855.html#!comments. 从该文章我们也可以得到一个快速启动某个程序的方法:将自己常用的程序命名为seth ...

  2. 51nod 1170 1770 数数字(动态规划)

    解题思路:看到题后,直接想到分成两种情况: ①:a*b >9 这里又分成两种 1. n==1 a*b 直接是一个两位数 求得十位和个位(这里十位和个位不可能相等) 然后如果等于d 则结果=1 2 ...

  3. CentOS 设置网络（修改IP&修改网关&修改DNS）--update.14.08.15

    自己电脑上装的虚拟机用桥接方式连接物理机,虚拟机重启后ip会发生变化,非常阻碍Xshell的连接和hosts指定的dns. 通过修改IP为static模式,保持IP不变. ============== ...

  4. sqlmap注入检测

    1.列出可利用数据库: sqlmap  -u  url  --dbs 2.列出某个数据库中表: sqlmap  -u  url   --tables  -D  south sqlmap  -u  ur ...

  5. 新浪微博客户端(1)-实现Tabbar导航栏效果

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  6. JS动态调用方法名示例介绍

    先看看JS的一个函数  JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描 ...

  7. java动态生成带下拉框的Excel导入模板

    在实际开发中,由于业务需要,常常需要进行Excel导入导出操作.以前做一些简单的导入时,先准备一个模板,再进行导入,单有十几. 二十几个导入模板时,往往要做十几.二十几个模板.而且,当在模板中需要有下 ...

  8. Eclipse启动Tomcat，45S超时问题解决

    在Eclipse中启动Tomcat服务器时,经常由于系统初始化项目多,导致出现45秒超时的Tomcat服务器启动错误.     以前我一般通过找到XML配置文件,将对应Timeout为45的值,修改为 ...

  9. TableInputFormat分片及分片数据读取源码级分析

    我们在MapReduce中TextInputFormat分片和读取分片数据源码级分析 这篇中以TextInputFormat为例讲解了InputFormat的分片过程以及RecordReader读取分 ...

  10. hdu.5203.Rikka with wood sticks(数学推导：一条长度为L的线段经分割后可以构成几种三角形）

    Rikka with wood sticks Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/O ...