使用jquery做全选删除的方法
小编给大家分享一下使用jquery做全选删除的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
在隆化等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站建设、做网站 网站设计制作按需定制网站,公司网站建设,企业网站建设,高端网站设计,营销型网站建设,外贸网站建设,隆化网站建设费用合理。
用jquery做全选删除的方法：首先创建一个html代码示例文件；然后修改jquery代码；最后通过“$(".seleAll").on("click", function(){...}”方法实现全选删除功能即可。
用jquery实现全选删除功能
html代码
- 少小离家胖了回
- 乡音无改肉成堆
- 儿童相见不相识
- 笑问胖子你是谁
jquery代码
//全选
$(".seleAll").on("click", function() {
var oin = $("input[type='checkbox']")
oin.each(function() {
$(this).prop("checked", true)
})
})
//全不选
$(".op").on("click", function() {
var oin = $("input[type='checkbox']")
oin.each(function() {
$(this).prop("checked", false)
})
})
// 反选
$(".reverse").on("click", function() {
// 获取节点
var oin = $("input[type='checkbox']")
oin.each(function() {
this.checked = !this.checked
})
})
// 批量删除
$(".del").on("click", function() {
var sele = $(":checkbox:checked")
if(sele.length > 0) {
sele.each(function() {
$(this).parent().remove()
})
} else {
alert("至少选一个数据")
}
})
运行效果：
看完了这篇文章，相信你对使用jquery做全选删除的方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
网页名称：使用jquery做全选删除的方法
新闻来源：
http://bzwzjz.com/article/pdgess.html
