首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

jQuery兑现动态增加行,发送Ajax请求返回HTML

2012-10-26 
jQuery实现动态增加行,发送Ajax请求返回HTML使用jQuery实现动态增加或删除行,代码如下增加行jQuery(#tab

jQuery实现动态增加行,发送Ajax请求返回HTML

使用jQuery实现动态增加或删除行,代码如下

增加行jQuery("#tab").append('<tr><td><input type="checkbox" name="chk" id="chk"/></td><td><input type="text" name="username"/></td><td><input type="text" name="address"/></td><td><input type="text" name="email"/></td></tr>');

?

删除行var flag = 0;function deleteRow(){var num = jQuery('input[name="chk"]').each(function(){var check = jQuery(this).attr("checked");if(check){flag ++;}});if(flag < 1){alert('请选择删除行');}else{jQuery('input[name="chk"]').each(function(){var checked = jQuery(this).attr("checked");if(checked){jQuery(this).parent().parent().remove();}});}}

?发送Ajax请求

将返回的页面加入到div中jQuery(document).ready(function(){jQuery.post("DynamicAction",function(data){jQuery('#resultDiv').append(data);},"html");});

?

?

热点排行