jquery checkbox全选删除
来源:互联网 发布:车解码器软件 编辑:程序博客网 时间:2024/05/17 15:06
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
</head>
<body>
用户:<input type="text" id="name"/>
密码:<input type="text" id="pwd"/>
邮箱:<input type="text" id="em"/>
<input type="button" id="btn" value="添加" />
<table id="ta" border="1px" cellpadding="0px" cellspacing="0px">
<tr>
<th><input type="checkbox" id="cb" /></th>
<th>用户名</th>
<th>密码</th>
<th>邮箱</th>
<th>操作</th>
</tr>
</table>
<input type="button" id="pl" value="批量删除" />
<script type="text/javascript">
$("#btn").click(function(){
$("table").show();
var na=$("#name").val();
var pwd=$("#pwd").val();
var em=$("#em").val();
$("#ta").append("<tr><td><input type='checkbox'/></td><td>"+na+"</td><td>"+pwd+"</td><td>"+em+"</td><td><input type='button' value='删除' onclick='f(this)'/></td></tr>");
});
function f(a){
$(a).parent().parent().remove();
var v= $("table td");
if(v.length==0){
$("table").hide();
}
}
var flag=true;
$("#cb").click(function(){
var a= $("#cb").is(":checked");
var c=$(":checkbox");
/*if(a){
c.each(function(){
$(this).prop("checked",a);
});
}else{
c.each(function(){
$(this).prop("checked",a);
});
}*/
c.each(function(){
$(this).prop("checked",flag);
});
flag=!flag;
});
$("#pl").click(function(){
var f=0;
var a=$(":checkbox");
a.each(function(q,w){
if(q!=0){
if($(this).is(":checked")){
$(this).parent().parent().remove();
f++;
}
}
});
var v= $("table td");
if(v.length==0){
$("table").hide();
c.prop("checked",false);
}
if(f==0){
alert("至少选择一行");
}
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
</head>
<body>
用户:<input type="text" id="name"/>
密码:<input type="text" id="pwd"/>
邮箱:<input type="text" id="em"/>
<input type="button" id="btn" value="添加" />
<table id="ta" border="1px" cellpadding="0px" cellspacing="0px">
<tr>
<th><input type="checkbox" id="cb" /></th>
<th>用户名</th>
<th>密码</th>
<th>邮箱</th>
<th>操作</th>
</tr>
</table>
<input type="button" id="pl" value="批量删除" />
<script type="text/javascript">
$("#btn").click(function(){
$("table").show();
var na=$("#name").val();
var pwd=$("#pwd").val();
var em=$("#em").val();
$("#ta").append("<tr><td><input type='checkbox'/></td><td>"+na+"</td><td>"+pwd+"</td><td>"+em+"</td><td><input type='button' value='删除' onclick='f(this)'/></td></tr>");
});
function f(a){
$(a).parent().parent().remove();
var v= $("table td");
if(v.length==0){
$("table").hide();
}
}
var flag=true;
$("#cb").click(function(){
var a= $("#cb").is(":checked");
var c=$(":checkbox");
/*if(a){
c.each(function(){
$(this).prop("checked",a);
});
}else{
c.each(function(){
$(this).prop("checked",a);
});
}*/
c.each(function(){
$(this).prop("checked",flag);
});
flag=!flag;
});
$("#pl").click(function(){
var f=0;
var a=$(":checkbox");
a.each(function(q,w){
if(q!=0){
if($(this).is(":checked")){
$(this).parent().parent().remove();
f++;
}
}
});
var v= $("table td");
if(v.length==0){
$("table").hide();
c.prop("checked",false);
}
if(f==0){
alert("至少选择一行");
}
});
</script>
</body>
</html>
阅读全文
0 0
- jquery checkbox全选删除
- jQuery--checkbox全选/取消全选
- jQuery--checkbox全选/取消全选
- jQuery--checkbox全选/取消全选
- jquery checkbox全选取消全选
- jQuery--checkbox全选/取消全选
- jQuery--checkbox全选/取消全选
- DataList CheckBox 全选删除
- ListView全选删除CheckBox
- checkBox 全选 删除
- Jquery 实现全选checkbox
- jquery checkbox部分全选
- jquery checkbox全选
- jquery checkbox 全选
- jQuery之checkbox全选
- jQuery checkbox全选
- Jquery全选/取消checkbox
- JQUERY CHECKBOX全选取消
- error while loading shared libraries: libevent-2.0.so.5: cannot open shared object file: No such fil
- HADOOP部署之后无法WEB访问
- Java进阶之JSP生成条形码知识点总结
- Kylin系列-Apache Kylin原理学习之Cube的创建与Build
- 客户端更新系统
- jquery checkbox全选删除
- android 判断WIFI是否连接
- 条件随机场(Conditional Random Field)简介
- http请求的session管理
- c语言定义变量与声明的区别
- python进阶之HTML报头参数详解(爬虫)
- “黑科技”来袭!人脸识别技术广受关注
- 7、新手入手树莓派教程--树莓派屏幕的安装
- MFC自制进度条