我正在创建一个注册页面,用户可以在其中注册其他几个人。我已经做到了,只有当用户选择某个选项时,表格才会显示。我还添加了添加按钮,添加行非常好。问题是当我为删除按钮添加功能时,一切都会中断。这是我的html:
<div id="add_table" style="display:none;" >
<button type="button" id="AddLine">Add Line</button>
<table border="1px" id="table">
<tr>
<td>First Name</td>
<td>Last Name</td>
<td>Phone</td>
<td>Email</td>
<td>Ethnicity</td>
</tr>
<tr>
<td><input type=text /></td>
<td><input type=text /></td>
<td><input type=text /></td>
<td><input type=text /></td>
<td><input type=text /></td>
<td><button type="button">delete</button></td>
</tr>
</table>
</div>
这是我的jQuery代码:
$(document).ready(function(e) {
$("input[name= 'Reg_num_r']").change( function () {
if($(this).val()==1) {
$("#add_table").hide();
} else {
$("#add_table").show();
}
});
/*$("#table").on("click", "button", function() {
$(this).closest("tr").remove();
});*/
$("#AddLine").click(function () {
var row = "<tr><td><input type=text /></td><td><input type=text /></td><td><input type=text /></td><td> <input type=text /></td><td><input type=text /></td><td><button type=button>delete</button></td></tr>";
$("#table").append(row);
});
});
现在,当我取消注释上面的注释代码时,一切都停止了。即使用户选择了正确的选项,表格也不会显示。我应该如何修复它才能正确执行删除行操作?