欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery的實現(xiàn)簡單的表格中增加或刪除下一行

 更新時間：2010年08月01日 10:47:49   作者：  
下面的代碼利用jquery簡單的實現(xiàn)表格中增加和刪除一行，很簡單。
代碼如下：
html
復(fù)制代碼 代碼如下:

<div>
<table>
<tr><td>1111</td><td><input type="button" value="添加下一行" /><input type="button" value="刪除下一行" /></td></tr>
<tr><td>2222</td><td><input type="button" value="添加下一行" /><input type="button" value="刪除下一行" /></td></tr>
<tr><td>4444</td><td><input type="button" value="添加下一行" /><input type="button" value="刪除下一行" /></td></tr>
</table>
</div>

jquery代碼:
復(fù)制代碼 代碼如下:

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
ModifyClick();
});
function ModifyClick() {
$("table tr input[type='button'] ").each(function () {
$(this).unbind("click");
$(this).bind("click", function () {
if ($(this).val() == "添加下一行") {
$(this).parent().parent().after("<tr><td>Add</td><td><input onclick=\"ModifyClick()\" type=button value=\"添加下一行\(zhòng)" /><input onclick=\"ModifyClick()\" type=button value=\"刪除下一行\(zhòng)" /></td></tr>");
}
if ($(this).val() == "刪除下一行") {
$(this).parent().parent().next().eq(0).remove();
}
});
});
}
</script>

相關(guān)文章

最新評論