jquery实现全选、反选以及删除、添加等功能
来源:互联网 发布:阿里云资源短信包 编辑:程序博客网 时间:2024/04/27 13:28
<title></title>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#checkall").click(function () {
if (this.checked) {
$('div span').html('取消全选');
$("table input").attr("checked", true);
}
else {
$('div span').html('全选');
$("table input").attr("checked", false);
}
});
$("#checkelse").click(function () {
$("table input").each(function () {
$(this).attr("checked", !$(this).attr("checked"))
})
});
$("#Button1").click(function () {
$("input:checked").each(function () {
$(this).parent().parent().remove();
});
});
$("#Button2").click(function () {
$('#tb1').append('<tr><td><input type="checkbox" /><td>' + Text1.value + '</td><td>' + Text2.value + '</td><td>' + Text3.value + '</td><td>' + Text4.value + '</td><td>' + Text5.value + '</td></tr>')
});
})
</script>
</head>
<body>
<div>
<input id="checkall" type="checkbox" /><span>全选</span>
<input id="checkelse" type="checkbox" />反选
<input id="Button1" type="button" value="删除" />
<input id="Button2" type="button" value="添加" />
<table border="1" id="tb1">
<tr>
<td>
操作
</td>
<td align="center">
班级
</td>
<td>
姓名
</td>
<td>
薪水
</td>
<td>
就业单位
</td>
<td>
是否转正
</td>
</tr>
<tr>
<td>
<input id="Checkbox3" type="checkbox" value="0" />
</td>
<td>
10级net班
</td>
<td>
李丽
</td>
<td>
5000
</td>
<td>
联想公司
</td>
<td>
已转正
</td>
</tr>
<tr>
<td>
<input id="Checkbox4" type="checkbox" value="1" />
</td>
<td>
10级net班
</td>
<td>
王红
</td>
<td>
5000
</td>
<td>
联想公司
</td>
<td>
已转正
</td>
</tr>
<tr>
<td>
<input id="Checkbox5" type="checkbox" value="2" />
</td>
<td>
10级java班
</td>
<td>
张志
</td>
<td>
6000
</td>
<td>
微软公司
</td>
<td>
已转正
</td>
</tr>
<tr>
<td>
<input id="Checkbox6" type="checkbox" value="3" />
</td>
<td>
10级php班
</td>
<td>
孙江
</td>
<td>
4000
</td>
<td>
微软公司
</td>
<td>
已转正
</td>
</tr>
</table>
<input id="Text1" type="text" />
<input id="Text2" type="text" /><input id="Text3" type="text" /><input id="Text4"
type="text" />
<input id="Text5" type="text" />
</div>
</body>
- jquery实现全选、反选以及删除、添加等功能
- AngularJs实现添加,批量删除,全选,反选等功能
- 使用JQuery实现全选、反选、添加和删除功能
- jquery实现复选框全选,反选,全不选等功能
- js\Jquery实现全选/反选等功能
- 利用jQuery实现全选、反选、删除和添加
- jQuery实现表单全选、全不选以及反选的功能
- Jquery实现全选反选功能
- jQuery实现全选于反选功能
- Jquery 实现全选反选功能
- jquery实现全选反选功能
- jQuery实现全选反选功能
- Jquery之实现全选反选功能
- jquery实现反选、全选、全不选功能
- jQuery添加删除,全选反选,批量删除
- jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
- jquery(全选、反选、添加、删除、移动元素)
- GridView实现多选,全选,反选等功能
- Cocos2d-x 在屏幕上渲染菜单并添加消息响应
- boost之date/time学习
- 常用命令
- posix多线程有感--线程高级编程(线程属性pthread_attr_t)
- native server smack 说明 结构
- jquery实现全选、反选以及删除、添加等功能
- 创建文件夹,存储图片,复制文件类
- Qt 进度条实现
- jquery_api_1.9 中文手册
- Debian Wheezy Gnome3 使用和配置
- 设计模式___建造者模式
- Python通过thrift连接Hbase(详细配置步骤)
- div+css布局
- linux内核教程官方网站