js 全选:js 全选、取消、批量删除

//全选、取消
//stype 匹配选择 na 是name
function Sel(stype,na){
for(var i=0; i< document.getElementsByName(na).length;i++){
if(stype=='all') document.getElementsByName(na)[i].checked=true;
else document.getElementsByName(na)[i].checked=false;
}
}
//批量删除
//na 是name
function checkSubmit(na,url)
{
var str = '';
for(var i=0;i < document.getElementsByName(na).length;i++)
{
if(document.getElementsByName(na)[i].checked){
if(str=='') str += document.getElementsByName(na)[i].value;
else str += ',' + document.getElementsByName(na)[i].value;
}
}
if(str=='')
{
alert('你没选择任何内容!');
return false;
}
else
{
location=url+"?id="+str+"&action=delall";
}
}
本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121025/33200.html

时间: 2025-01-14 07:12:57

js 全选:js 全选、取消、批量删除的相关文章

浅析Yii2 gridview实现批量删除教程_php实例

在朋友圈里有童鞋向我讨论GridView的问题,有朋友说你用gridview给我去掉表头的链接?我想的很久,用gridview确实不容易实现.有不同见解的朋友欢迎留言.但是呢,这根gridview有个毛线关联啊,明明是要设置ActiveDataProvider,你要我怎么用gridview实现嘛. 这个问题也是很简单的,我们来看看具体实现 $dataProvider = new ActiveDataProvider([ 'query' => $query, ]); $dataProvider->

JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据

以前做web,基本没用过啥JS,这短时间,公司里面接触到的JS蛮多的,他们叫我在DataGrid里面的CheckBox弄个"全选",要用JS来实现,来实现批量删除,这个功能,直接用C#是很好实现的,直接遍历就可以把选中的ID全部取出来.JS,那就只能用Html的CheckBox,这个不是服务器控件,C#后台代码是无法访问了,所以,再网上找了点资料,实现了. 首先,先定义一个DataGrid控件,先添加一个模板列,里面放一个Html的CheckBox,属性name=ChoessAll,(

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版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)_javascript技巧

日常项目中, 对于列表类文章或数据, 大概都会用到checkbox的全选或全不选的功能, 以前的项目中也写过checkbox的选择js, 但都没有整理过. 正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery分别写了一个版本, 考虑到使用时灵活性问题, 未封装, 需要的童鞋使用时自行改下相关参数. 功能介绍点此查看DEMO演示 1. 全选/全不选 选框一体实现, 即列表中选框的状态与全选/全不选框前的选框状态一致; 2. 自动更改 全选/全不选 选框的状态, 即列

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

checkbox全选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.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

使用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[