js--复选框--全选、反选、取消
2017-04-12 15:58
309 查看
----------------------------------------------------------
//第一种方法:存在不足之处
//全选、反选、取消
//全选
function selectAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (!document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = true;
}
}
}
//反选
function selectRerverse() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
} else {
document.form.missiveType[i].checked = true;
}
}
}
//取消
function cancelAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
}
}
}
---------------------------------------------------
第二种方法:较好
//全选、反选、取消
//全选
function selectAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (!es[i].checked) {
es[i].checked = true;
}
}
}
//反选
function selectRerverse() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
} else {
es[i].checked = true;
}
}
}
//取消
function cancelAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
}
}
}
//第一种方法:存在不足之处
//全选、反选、取消
//全选
function selectAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (!document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = true;
}
}
}
//反选
function selectRerverse() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
} else {
document.form.missiveType[i].checked = true;
}
}
}
//取消
function cancelAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
}
}
}
---------------------------------------------------
第二种方法:较好
//全选、反选、取消
//全选
function selectAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (!es[i].checked) {
es[i].checked = true;
}
}
}
//反选
function selectRerverse() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
} else {
es[i].checked = true;
}
}
}
//取消
function cancelAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
}
}
}
相关文章推荐
- js checkbox全选 反选 取消全部设置表单checkbox复选框勾选
- 【JS】复选框的全选和取消全选
- js checkbox全选 反选 取消全部设置表单html复选框勾选
- JS如何实现对name是数组的复选框的全选和反选以及取消选择
- JS实现checkbox全选/全不选,单个复选框取消不全选
- js实现多个复选框的全选与取消
- js实现复选框的全选和取消全选效果
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- vue.js实现复选框全选和全取消的功能
- 用js实现复选框的全选和取消全选的代码
- 使用js实现复选框的全选、取消功能
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- JS实现多个复选框全选
- js 实现复选框全选和反选
- 扩展GridView控件(4) - 联动复选框(复选框的全选和取消全选)
- 通过JS将复选框做成单选框一样,选中还可以取消
- 扩展TreeView控件(1) - 联动复选框(复选框的全选和取消全选)
- 扩展TreeView控件(1) - 联动复选框(复选框的全选和取消全选)(转)