<html>

 <head>

     <script>

         function BatchAddToBasket() {

             var questionNums = '';

             var checkboxs = document.getElementsByName('question');

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

                 var isChecked = false;

                 if (checkboxs[i].checked) {

                     isChecked = true;

                     break;

                 }

             }

             if (!isChecked) {

                 alert('请至少选择一个选项');

                 return;

             }

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

                 if (checkboxs[i].checked) {

                     questionNums += checkboxs[i].id;

                     if (i < checkboxs.length - 1)

                     questionNums += ',';

                 }

             }

             alert('选项id：' + questionNums);

         }

         function SelectAll(obj) {

             if (obj.checked) {

                 var checkboxs = document.getElementsByName('question');

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

                     checkboxs[i].checked = true;

                 }

             } else {

                 var checkboxs = document.getElementsByName('question');

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

                     checkboxs[i].checked = false;

                 }

             }

         }

     </script>

 </head>

 <body>

     <div>

         <input type="checkbox" name="checkboxAll" onclick="SelectAll(this)">

         <button onclick="BatchAddToBasket()">加入试题篮</button>

     </div>

     <div>

         <input type="checkbox" name="question" id=0>

         <input type="checkbox" name="question" id=1>

         <input type="checkbox" name="question" id=2>

     </div>

 </body>

 </html>

JavaScript CheckBox实现全选和部分选择的更多相关文章

  1. html javascript checkbox实现全选功能

    html代码 <input type="checkbox" id="all" />all</input> <input type= ...

  2. JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择

    //点击全选button的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo") ...

  3. js之全选即点击全选标签可选择全部复选框

    目标效果:网页全选功能,即点击全选标签可选择全部复选框 实现代码如下 <!DOCTYPE html> <html lang="en"> <head&g ...

  4. jquery checkbox 选中 全选 插件

    checkbox  选中 全选 在项目中经常用到,但是不同的程序员写出的东西各有差异,在此整合了jquery checkbox插件,用起来很方便,也总结了我们项目中通常会出现问题的地方,一行代码搞定. ...

  5. react实现全选、取消全选和个别选择

    react里面实现全选和取消全选,个别选择等操作,效果如下 代码: import React, {Component} from 'react' export default class Demo e ...

  6. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  7. jquery中checkbox的全选与反选

    <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...

  8. 让DuiLib CheckBox支持全选、全不选、非全选三种状态

    原文 https://blog.csdn.net/EveyX/article/details/38433783 DuiLib官方库中的Checkbox只有Checked和Uncheck两种状态,但我们 ...

  9. jQuery checkbox的全选与反选

    1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...

随机推荐

  1. QString的拼接

    QString的append()函数则提供了类似的操作,例如: 1. str = "User: ";     2. str.append(userName);     3. str ...

  2. git之commit改用第三方编辑器

    git commit -m "***"方式提交注释,有限制,可通过调用第三方编辑器来编辑更好的注释 1 使用window自带的记事本 git config --global cor ...

  3. poj 3539 Elevator——同余类bfs

    题目:http://poj.org/problem?id=3539 考虑把层数分为模a剩余系.同类内可通过+若干个a走到. 不同类之间需要通过+b.+c来走到. 需要求出每一类中最小的能走到的.即最短 ...

  4. 三、Jmeter--HTTP请求默认值(HTTP Request Defaults)和访问地址参数化

    一.HTTP请求默认值(HTTP Request Defaults) 1. 在本地搭建了一个wordpress开源论坛,那么我每次访问论坛的地址(服务器名称或IP)是不变的,端口也是不变的,协议也是不 ...

  5. django1.7+nginx1.4.4的static配置

    静态文件指像css,js,images之类的文件. 1.工程配置setting.py STATIC_URL = /static/ STATIC_ROOT = /home/www/winingcpi/s ...

  6. 机器学习：评价分类结果（Precision - Recall 的平衡、P - R 曲线）

    一.Precision - Recall 的平衡 1)基础理论 调整阈值的大小,可以调节精准率和召回率的比重: 阈值:threshold,分类边界值,score > threshold 时分类为 ...

  7. 【转】 Pro Android学习笔记（八十）：服务（5）：访问远程服务

    目录(?)[-] Client的AIDL文件 Client的代码 建立连接 请求服务 断开连接 文章转载只能用于非商业性质,且不能带有虚拟货币.积分.注册等附加条件.转载须注明出处:http://bl ...

  8. 并集（union和union all的区别）、交集、差集、全连接

    一.并集 Union因为要进行重复值扫描,所以效率低.如果合并没有刻意要删除重复行,那么就使用Union All 两个要联合的SQL语句 字段个数必须一样,而且字段类型要“相容”(一致): 如果我们需 ...

  9. Java-API：java.util.map

    ylbtech-Java-API:java.util.map compact1, compact2, compact3 java.util Interface Map<K,V> Type ...

  10. 从CoreAnimation到Pop

    pop是Facebook在开源的一款动画引擎,看下其官方的介绍: Pop是一款在iOS.tvOS和OS X平台通用的可扩展动画引擎.它在基本静态动画的基础上,增加了弹性以及衰减动画,这在创建真实有物里 ...