使用js如何实现全选与全不选

 全选与全不选在管理界面还是比较实用的,下面通过checkAll与clearAll两个函数来轻松实现,感兴趣的朋友不要错过

js: 
代码如下:
function checkAll(name) { 
var el = document.getElementsByTagName('input'); 
var len = el.length; 
for(var i=0; i<len; i++){ 
if((el[i].type=="checkbox") && (el[i].name==name)){ 
el[i].checked = true; 



function clearAll(name) { 
var el = document.getElementsByTagName('input'); 
var len = el.length; 
for(var i=0; i<len; i++){ 
if((el[i].type=="checkbox") && (el[i].name==name)){ 
el[i].checked = false; 


 

 
html: 
代码如下:
全选<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/> 
 

时间: 2024-10-30 23:56:10

使用js如何实现全选与全不选的相关文章

js html css实现复选框全选与反选_javascript技巧

本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 <html> <head> <title>html+css+js实现复选框全选与反选</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="keywords" content=&quo

JS实现CheckBox复选框全选、不选或全不选功能_javascript技巧

CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下 思路: 1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把chec

js与jQuery实现checkbox复选框全选/全不选的方法_javascript技巧

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大

JS实现CheckBox复选框全选全不选功能_javascript技巧

 CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭.大多数应用程序的"设置"对话框内均有此控件.我们看到的可以打勾的就是CheckBox. 该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合.     Ch

js复选框全选 反选代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="con

js/jquery实现checkbox全选和全不选代码总结

代码分析 html代码  代码如下 复制代码 <form name="myform" method="post" id="myform" action="" >  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='1'> 设计家园  <input name='id' type='checkbox' onc

CheckBox为CheckBoxList实现全选或全取消选择(js代码实现)_实用技巧

某一个时候,CheckBoxList的选择太多,用户需要一个全选或全取消的功能.下面使用Javascript来实现它. 准备好一个对象: MusicType 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <summary> /// Summary description for MusicType /// </summary> n

js 复选框全选与jquery 复选框全选代码

<script> //不在form中的情况: function checkall() {     arr= new array("aa","bb","cc","dd");     for (var i=0;i<arr.length;i++)     {         var e = arr[i];         eval(document.getelementbyid(e)).checked = (doc

javascript 全选反选: 全选/反选/局部选择

全选: selectAll(obj) {  for (var i = 0; i < obj.elements.length; i++) {  if (obj.elements[i].type == "checkbox") {  obj.elements[i].checked = true;  }  }  }  多选框反选 selectOther(obj) {  for (var i = 0; i < obj.elements.length; i++) {  if (obj.