用JQuery实现全选与取消的两种简单方法
更新时间：2014年02月22日 10:24:20 作者：
本篇文章主要是对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)
}
}
);
复制代码 代码如下:
<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)
}
}
);
相关文章
这篇文章主要为大家详细介绍了jQuery实现简单聊天室，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
今天小编就为大家分享一篇关于jquery的$().each和$.each的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要为大家详细介绍了jQuery实现电梯导航模块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
昨天突然有网友问我animate()方法可以来操作所有css属性吗？是的，我告诉他可以的。不过，在此有需要注意点需要大家搞清楚。接下来通过本篇文章给大家介绍基于jquery animate操作css样式属性小结，对jquery animate css相关知识感兴趣的朋友一起学习吧2015-11-11
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
这篇文章主要介绍了Jquery跨浏览器文本复制插件Zero Clipboard的使用方法,需要的朋友可以参考下2016-02-02
需要有个右下角弹层提示公告的，下面分享早些时候自己编写，以及现在还在应用的自动弹层，需要的朋友可以参考下2013-11-11
正如标题所言其所用为匹配 prev 元素之后的所有 siblings 元素，下面为大家分享个示例，不了解的朋友可以学习下2013-08-08
分享一个背景云变换js特效随着鼠标的移动，背景云会不断的变化位置和形状,感兴趣的朋友可以研究下2012-12-12
遇到要重复多次同样的事时，就想找一种省时省力的方法，下面就为大家介绍下利用jquery选择符快速提取web表单数据2014-03-03
为了让本地图片、远程图片、过小的图片都适应此插件，有很多细节问题要处理。2009-11-11
最新评论