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. 我和NLP的故事（转载）

    正值ACL录用结果发布,国内的老师和同学们又是一次大丰收,在这里再次恭喜所有论文被录用的老师和同学们!我人品爆发,也收获了自己硕士阶段的第二篇ACL论文.本来只是想单纯分享下自己中论文的喜悦,但没成想 ...

  2. SSH协议及其应用

    SSH协议及其应用 原文作者:阮一峰 链接: http://www.ruanyifeng.com/blog/2011/12/ssh_remote_login.html http://www.ruany ...

  3. Android文件保存和读取

    public class DataActivity extends Activity { private EditText filenameText; private EditText content ...

  4. motto6

    当你发现自己不错的时候,要适当的给自己加点凉水,让自己知道自己离“不错”还很远.

  5. malloc 函数到底做了什么？

    请看下面的代码. 猜测结果是什么?编译通过吗? #include <stdio.h> #include <stdlib.h> int main() { ; char *ptr ...

  6. Entity Framework 关系约束配置

    前言 简单的说一下自己的理解,大家应该都很明白ADO.NET,也就是原生态的数据库操作,直接通过拼接SQL语句,表与表之间通过链接(inner join  left join  或者子查询),也就是在 ...

  7. 如何修改git的当前登录信息

    (文章是从我的个人主页上粘贴过来的,大家也可以访问我的主页 www.iwangzheng.com) 之前用的大师的git登录名,后来开通了自己的,需要换成自己的,其实修改方式很简单. $vim .gi ...

  8. cocos2d调度器（定时执行某函数）

    调度器(scheduler) 继承关系 原理介绍 Cocos2d-x调度器为游戏提供定时事件和定时调用服务.所有Node对象都知道如何调度和取消调度事件,使用调度器有几个好处: 每当Node不再可见或 ...

  9. Ubuntu上安装gtk2.0不能安装的问题，“下列的软件包有不能满足的依赖关系”

    zez@localhoss:~$ sudo apt-get install libgtk2.0-dev正在读取软件包列表... 完成正在分析软件包的依赖关系树       正在读取状态信息... 完成 ...

  10. macbook air电池保养方法

    转自: http://bbs.feng.com/read-htm-tid-5819895.html http://www.zhihu.com/question/22628030