编程 Javascript

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Posted in Javascript onDecember 02, 2009

<html> 
<head> 
<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
</head> 
<body> 
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br /> 
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br /> 
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br /> 
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br /> 
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选 
<script type="text/javascript"> 
$("#chk_all").click(function(){ 
$("input[name='chk_list']").attr("checked",$(this).attr("checked")); 
}); 
</script> 
</body> 
</html>

下面的代码是获取上面实例中选中的checkbox的value值:

<script type="text/javascript"> 
var arrChk=$("input[name='chk_list'][checked]"); 
$(arrChk).each(function(){ 
window.alert(this.value); 
}); 
}); 
</script>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一个tab标签切换效果代码

Mar 27 Javascript

js解析与序列化json数据(一)json.stringify()的基本用法

Feb 01 Javascript

JavaScript动态加载样式表的方法

Mar 21 Javascript

JavaScript声明变量名的语法规则

Jul 10 Javascript

深入理解JavaScript函数参数(推荐)

Jul 26 Javascript

Javascript中常用的检测方法小结

Oct 08 Javascript

JS实现给json数组动态赋值的方法示例

Mar 19 Javascript

Vue.js实现表格渲染的方法

Sep 07 Javascript

Vue项目中使用better-scroll实现一个轮播图自动播放功能

Dec 03 Javascript

jquery实现的放大镜效果示例

Feb 24 jQuery

在Vue中实现随hash改变响应菜单高亮

Mar 09 Javascript

用React Native制作一个简单的游戏引擎

May 27 Javascript

两种WEB下的模态对话框（asp.net或js的分别实现）

Dec 02 #Javascript

JavaScript Object的extend是一个常用的功能

Dec 02 #Javascript

JS类的封装及实现代码

Dec 02 #Javascript

Jquery选择器 $实现原理

Dec 02 #Javascript

js 表格隔行颜色

Dec 02 #Javascript

让FireFox支持innerText的实现代码

Dec 01 #Javascript

JavaScript 直接操作本地文件的实现代码

Dec 01 #Javascript