当前位置: 首页 > news >正文

jquery与java_纯javascript和jquery实现增删改查

姓名

*

电子邮件

*

网址

价格

你的评论

*

姓名电子邮件网址你的评论价格编辑删除

总价0

$(document).ready(function(){

//  $("#commentForm").validate({meta: "validate"});

$("#commentForm").hide();

$("#add").bind("click",function(){

if($("#commentForm").is(":visible")){

$("#commentForm").hide();

}else{

$("#commentForm").show();

}

})

var num = 1;

$(".submit").click(function(){

$("#commentForm").hide();

var name = $('#cusername').val();

var email = $('#cemail').val();

var url = $('#curl').val();

var price = $('#cprice').val();

var comment = $('#ccomment').val();

var tr = $('

'+name+''+email+''+url+''+comment+''+price+' 编辑 删除');

$('tbody tr:eq(0)').after(tr);

num++;

});

$(".quxiao").click(function(){

$("#commentForm").hide();

});

$('.delete').live('click',function(){

$(this).parent().parent().remove();

});

$('.edit').live('click',function(){

var tr=$(this).parent().parent();

var name = tr.children('.jsname').text();

var email = tr.children('.jsemail').text();

var url = tr.children('.jsurl').text();

var comment = tr.children('.jscomment').text();

var price = tr.children('.jsprice').text();

$('#cusername').attr('value',name);

$('#cemail').attr('value',email);

$('#curl').attr('value',url);

$('#cprice').attr('value',price);

$('#ccomment').attr('value',comment);

$("#commentForm").show();

$(this).parent().parent().remove();

});

$('.deleteall').click(function(){

$('input[type="checkbox"]:checked').each(function(){

$(this).parent().parent().remove();

});

});

var a = true;

$("#CheckedAll").click(function(){

//所有checkbox跟着全选的checkbox走。

if(a){

$('input[type="checkbox"]:checkbox').attr("checked", true);

a = false;

}else {

$('input[type="checkbox"]:checkbox').attr("checked", false);

a=true;

}

});

$("#CheckedRev").click(function(){

$('input[type="checkbox"]:checkbox').each(function(){

this.checked=!this.checked;

});

});

});

posted on 2013-08-16 16:27 杨军威 阅读(342) 评论(0)  编辑  收藏

相关文章:

  • mysql 批量字段前缀_sqlserver数据库,批量更改表名和字段的前缀 | 学步园
  • pdfpcell 怎么设置单元格大小_PdfPCell的方法隐藏单元格的边框
  • java strace_用strace排查故障的5种简单方法(每日一译)
  • java银行账户系统_用java编的银行账户系统代码
  • java扩展包_CodeRunner 的 Java 扩展 Jar 包支持
  • java session 修改_修改 Servlet 的sessionId
  • qt添加qwt帮助文件_win 7下安装qwt 6.1.0,基于qt 4.8.5
  • java亮眼_一些java处理变量的 让我眼前一亮的
  • 36岁自学python_深入 Python 解释器源码,我终于搞明白了字符串驻留的原理!
  • idea 收费标准_2013年IDEA期限与费用
  • java反射机制学习_java学习之 反射机制
  • 怎样看java文件的编码方式_如何查看Java源文件的编码方式及去掉BOM
  • 蓝桥杯泊松分酒java_蓝桥杯编程大题-泊松分酒 | 学步园
  • java学生登陆界面代码_登录界面 - java代码库 - 云代码
  • java降序排序输出id和结果_Java报表软件--根据订单ID进行升序或降序排列
  • [译] 理解数组在 PHP 内部的实现(给PHP开发者的PHP源码-第四部分)
  • [原]深入对比数据科学工具箱:Python和R 非结构化数据的结构化
  • 【附node操作实例】redis简明入门系列—字符串类型
  • Angular 4.x 动态创建组件
  • CentOS7简单部署NFS
  • iOS | NSProxy
  • MYSQL 的 IF 函数
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • Vue 2.3、2.4 知识点小结
  • WebSocket使用
  • 回顾2016
  • 利用阿里云 OSS 搭建私有 Docker 仓库
  • 浏览器缓存机制分析
  • 前端技术周刊 2018-12-10:前端自动化测试
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 小程序开发之路(一)
  • 源码之下无秘密 ── 做最好的 Netty 源码分析教程
  • 白色的风信子
  • ​无人机石油管道巡检方案新亮点:灵活准确又高效
  • #微信小程序:微信小程序常见的配置传值
  • (AngularJS)Angular 控制器之间通信初探
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (接口自动化)Python3操作MySQL数据库
  • (每日持续更新)jdk api之FileReader基础、应用、实战
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (一)80c52学习之旅-起始篇
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • *上位机的定义
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • .NET程序员迈向卓越的必由之路
  • .net开发引用程序集提示没有强名称的解决办法
  • .so文件(linux系统)
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • @Bean, @Component, @Configuration简析
  • @RequestParam详解
  • [Avalon] Avalon中的Conditional Formatting.