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. Java 获取距离最近一段时间的时间点

    if (timeFilter == 1) {// 最近三个月 long curTimeSeconds = System.currentTimeMillis() / 1000L; para.put(&q ...

  2. SQL Server中追踪器Trace的介绍和简单使用

    一.What is Trace? 对于SQL Profiler这个工具相信大家都不是很陌生,没用过的朋友可以在SQL Server Management Studio>工具>SQL Ser ...

  3. 关于JS判断图片是否加载完成且获取图片宽度的方法

    做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况,下面就这个问题我们一种如何使用js处理这个问题的方法,具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处 ...

  4. PHP iconv函数字符串转码导致截断问题

    1.iconv函数原型 string iconv ( string $in_charset , string $out_charset , string $str ) in_charset:输入的字符 ...

  5. 转：浅谈Radius协议 -来自CSDN：http://blog.csdn.net/wangpengqi/article/details/17097221

    浅谈Radius协议 2013-12-03 16:06 5791人阅读 评论(0) 收藏 举报  分类: Radius协议分析(6)  从事Radius协议开发有段时间了,小弟不怕才疏学浅,卖弄一下, ...

  6. ctags 的最简单使用

    vim插件ctags的安装和使用 2013-11-19 20:47 17109人阅读 评论(0) 收藏 举报  分类: 开发工具(3)  linux编程(9)  c/c++编程(11)  版权声明:本 ...

  7. c/c++指针

    指针主要分: 指向单一的某个对象/变量, 用于多态或函数指针, 这个不难 - 一级指针 其次是指向数组, 用来操作/遍历数组元素 - 一级/二级指针 指向数组的一级指针很简单了: p指向的是数组的元素 ...

  8. linux命令别名的使用

    语 法:alias[别名]=[指令名称] 1,查看该用户下的别名: alias 2,有的系统里没有ll这个命令,原因就是没有定义ll='ls -l --color=tty'这个别名 如果想永久生效,就 ...

  9. Linux 下的另一个密码破解工具medusa

    首先,本人在此声明 此工具许合理利用非法破解很可能会被发现的因为这是一个暴力破解方式需要不断的尝试登陆服务器 ,服务器上的检测软件很快可以跟踪到并锁定你的IP地址 请大家切勿用于非法手段- -! me ...

  10. jquery源码分析-工具函数

    jQuery的版本一路狂飙啊,现在都到了2.0.X版本了.有空的时候,看看jquery的源码,学习一下别人的编程思路还是不错的. 下面这里是一些jquery的工具函数代码,大家可以看看,实现思路还是很 ...