javascript实现checkBox的全选,反选与赋值


Posted in Javascript onMarch 12, 2015

我们平时在做项目的时候,经常会遇到需要实现实现checkBox的全选,反选与赋值的情况,网上也有许多的范例,这里给大家分享的是本人常用的方法,推荐给大家。

//js 数值是否在数组中

Array.prototype.in_array = function(e){
for(i=0;i<this.length;i++){


if(this[i] == e)



return true;

}

return false;

}

//js数组index

Array.prototype.find_str=function(string){

var str = this.join("");

return str.indexOf(string);

}

var houseIds=new Array();

$("#chebox-list-all").click(function(){

if($("#chebox-list-all").attr("checked")){


$("[name='checkboxes']").attr("checked",'true');//全选 增加id


var ids = document.getElementsByName('checkboxes');


var value = new Array();


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



if(ids[i].checked)



houseIds.push(ids[i].value);


}

alert(houseIds);

}else{


$("[name='checkboxes']").removeAttr("checked");//反选 删除Ids


houseIds=[];


alert(houseIds);

}

})

//单选增加id

function check(obj){

if(!houseIds.in_array(obj.value)){


houseIds.push(obj.value);


alert(houseIds);

}else{


var index=houseIds.find_str(obj.value);


houseIds.splice(index, 1)


alert(houseIds);

}

}

以上就是本示例的全部代码了,希望对大家学习使用javascript控制checkbox有所帮助。

Javascript 相关文章推荐
ExtJS 简介 让你知道extjs是什么
Dec 29 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
May 14 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
基于AngularJS实现表单验证功能
Jul 28 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 #Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 #Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 #Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 #Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 #Javascript
You might like
聊天室php&amp;mysql(二)
2006/10/09 PHP
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
(function($){...})(jQuery)的意思
2010/07/22 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
JS实现简单表格排序操作示例
2017/10/07 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
python使用PyV8执行javascript代码示例分享
2013/12/04 Python
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
Python 类的私有属性和私有方法实例分析
2019/09/29 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
python实现简单的五子棋游戏
2020/09/01 Python
Python实现一个论文下载器的过程
2021/01/18 Python
如何将整数int转换成字串String
2014/03/21 面试题
.net工程师笔试题
2012/06/09 面试题
英文简历中的自我评价用语
2013/12/09 职场文书
小学教师师德师风自我评价
2015/03/04 职场文书
父母教会我观后感
2015/06/17 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
安全教育主题班会教案
2015/08/12 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
python中对列表的删除和添加方法详解
2022/02/24 Python
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python