jquery添加TR_IT百科

<!DOCTYPE html>

<html>

<head>

<title>

RunJS 演示代码

</title>

jQuery(function($){

var table = $("table")

var addbtn = $("button:contains('添加')").click(function(){

if(table.data("ing") == 1) {

alert("必须保存这个TR中输入的值之后，才能再次添加TR，否则不能再次添加")

return

}

var txt = $("<tr><td><input type='text' /></td></tr>")

table.append(txt).data("ing", 1).prop("txt", txt.find(":text"))

})

$("button:contains('保存')").click(function(){

var txt = table.prop("txt")

if(table.data("ing")==0){

alert("你已经保存过了，不能更改，具体参考提问者需求")

return

}

if(txt.val() == ""){

alert("填写好数据再保存")

txt.focus()

return

}else{

txt.prop("readonly",true)

table.data("ing", 0)

}

})

</script>

</head>

<body>

<table>

</table>

添加

</button>

保存

</button>

</body>

</html>

<input type="submit" id="sub1" name="sub" value="提交" />这句中的type="submit"改为type="button"就可以了。

欢迎分享，转载请注明来源：内存溢出

jquery添加TR