.png)
相关关键词
关于我们
最新文章
- 拉动悬浮于顶部的JS控制代码
- 在JavaScript中构建ArrayList示例代码
- js使用for循环及if语句判断多个一样的name
- JavaScript中判断原生函数检查function是否是原生代码
- jQuery CSS()方法改变现有的CSS样式表
- JavaScript中判断原生函数检查function是否是原生代码
- jQuery动画高级用法（上）——详解animation中的.queue()函数
- python小技巧之批量抓取美女图片
- JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度
用JQuery实现全选与取消的两种简单方法
发布日期：2014-02-22 00:00:00
846
本篇文章主要是对JQuery实现全选与取消的两种简单方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。
复制代码代码如下:
<mce:script type="text/javascript"><!--
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
// --></mce:script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全选" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />
更加简单的一种:
复制代码代码如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);