当前位置: 编程技术>jquery
jquery实现全选、反选、删除、添加的功能
来源: 互联网 发布时间：2014-09-03
本文导语: 效果图，如下： 例子： 代码示例: jquery实现全选、反选、删除与添加功能_http://www. $(function () { $("#checkall").click(function () { if (this.checked) { ...
效果图，如下：
例子：
代码示例:
jquery实现全选、反选、删除与添加功能_http://www.
$(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('' + Text1.value + '' + Text2.value + '' + Text3.value + '' + Text4.value + '' + Text5.value + '')
});
})
全选
反选
操作
班级
姓名
薪水
就业单位
是否转正
10级net班
李丽
5000
联想公司
已转正
10级net班
王红
5000
联想公司
已转正
10级java班
张志
6000
微软公司
已转正
10级php班
孙江
4000
微软公司
已转正
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。