JQUERY复选框CHECKBOX全选,取消全选

AAA啊亮

AAA啊亮

2016-02-19 16:07

想要天天向上,就要懂得享受学习。图老师为大家推荐JQUERY复选框CHECKBOX全选,取消全选,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

代码如下:
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);
});
});
});
/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']").each(function(){this.checked=true;});
}else{
$("input[name='checkname']").each(function(){this.checked=false;});
}
}
);

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

多线程的全选复选框

Web开发
多线程的全选复选框

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

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

jQuery checkbox全选/取消全选实现代码

Web开发
jQuery checkbox全选/取消全选实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jquery checkbox全选、取消全选实现代码

Web开发
jquery checkbox全选、取消全选实现代码

实现复选框全选/全不选切换

Web开发
实现复选框全选/全不选切换

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MySQL异常:未验证的用户尝试登录

MySQL异常:未验证的用户尝试登录

jQuery实用技巧查看

jQuery实用技巧查看
下拉加载更多内容 ↓