JavaScript CheckBox实现全选和部分选择
<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实现全选和部分选择的更多相关文章
- html javascript checkbox实现全选功能
html代码 <input type="checkbox" id="all" />all</input> <input type= ...
- JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择
//点击全选button的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo") ...
- js之全选即点击全选标签可选择全部复选框
目标效果:网页全选功能,即点击全选标签可选择全部复选框 实现代码如下 <!DOCTYPE html> <html lang="en"> <head&g ...
- jquery checkbox 选中 全选 插件
checkbox 选中 全选 在项目中经常用到,但是不同的程序员写出的东西各有差异,在此整合了jquery checkbox插件,用起来很方便,也总结了我们项目中通常会出现问题的地方,一行代码搞定. ...
- react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下 代码: import React, {Component} from 'react' export default class Demo e ...
- html checkbox 实现全选/取消全选
html checkbox 实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...
- jquery中checkbox的全选与反选
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...
- 让DuiLib CheckBox支持全选、全不选、非全选三种状态
原文 https://blog.csdn.net/EveyX/article/details/38433783 DuiLib官方库中的Checkbox只有Checked和Uncheck两种状态,但我们 ...
- jQuery checkbox的全选与反选
1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...
随机推荐
- Sqoop--Free-form Query Imports 自由查询模式下$CONDITIONS关键字的作用
Scoop是用来实现HDFS文件系统和关系型数据库如MySQL之间数据传输和转换的工具. 从MySQL导出到HDFS可以通过--table, --columns and --where等设置数据抽出的 ...
- bzoj 4503 两个串——FFT
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4503 翻转T,就变成卷积.要想想怎么判断. 因为卷积是乘积求和,又想到相等的话相减为0,所以 ...
- python爬虫彩票案例，并自动发微信
import requests from bs4 import BeautifulSoup import itchat import time,datetime all = [{1, 2, 3, 7, ...
- 反射ORM
七章 反射 1节获取dll文件中的type---------------------------------------------------------------------------- ...
- Ext.window.Window
var win = Ext.create("Ext.window.Window", { id: "myWin", title: "示例窗口" ...
- JavaScript 中事件绑定的三种方式
以下是在 JS 中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="uplo ...
- LINUX必须记住的指令
写在前面: 1,<你一定要知道的关于Linux文件目录操作的12个常用命令>是楼主收集的关于Linux文件目录操作最常用的命令,包括文件或目录的新建.拷贝.移动.删除.查看等,是开发人员操 ...
- mybatis sql中的条件语句
1.mybatis判断是否为空或null <if test="type!=null and type!=''"> AND type = #{type} </if& ...
- AngularJS：包含
ylbtech-AngularJS:包含 1.返回顶部 1. AngularJS 包含 在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 在 HTML 中包含 HTML 文件 ...
- postgresql 主从复制并切换
1 环境 192.168.19.145 Kylin 3.3 mysqlhq 9.5.2 psql_master192.168.19.227 Kylin 3.3 mysql3 9.5.2 p ...