1 $(function(){ 2 $(".delete").click(function(){ 3 var $tr=$(this).parent().parent(); 4 var title=$.trim($tr.find("td:first").text()); 5 var flag=confirm("确定要删除"+title+"的信息吗?"); 6 if(flag){ 7 return true; 8 } 9 return false; 10 }); 11 $("a").each(function(){ 12 this.onclick=function(){ 13 var serializeVal=$(":hidden").serialize();//序列号 14 var href=this.href+"&"+serializeVal;//改变href值 15 window.location.href = href;//跳转 16 return false; 17 }; 18 });
以上js代码,第一个就是click事件,当点击delete所对应的标签时候,执行了click()方法,就会触发onclick事件。第二个是为每一个<a>标签邦定一个onclick事件。
总结:onclick是邦定事件,告知浏览器在鼠标点击的时候要有什么行为,onclick绑定事件还有另一个好处就是可以让别人来调用此事件
1 $(":text").change(function(){ 2 var auantityVal=$.trim(this.value); 3 var reg = /^d+$/g; 4 var flag=false; 5 var quantity=-1; 6 quantity=parseInt(auantityVal); 7 if(quantity>=0){ 8 flag=true; 9 } 10 if(!flag){ 11 alert("输入的数量不合法"); 12 $(this).val($(this).attr("class")); 13 return; 14 } 15 var $tr=$(this).parent().parent(); 16 var title=$.trim($tr.find("td:first").text()); 17 if(quantity==0){ 18 var $a = $tr.find("td:last").find("a"); 19 var flag2=confirm("确定要删除"+title+"的信息吗?") 20 if(flag2){ 21 //得到了 a 节点 22 var $a = $tr.find("td:last").find("a"); 23 //执行 a 节点的 onclick 响应函数. 24 $a[0].onclick();//触发了每个a标签的onclick事件 25 26 return; 27 } 28 $(this).val($(this).attr("class")); 29 return; 30 31 }