jquery - JQuery 追加表

Question

我正在尝试在我的注册页面中创建动态表，但我已经放弃了使用插件，我只想使用这个附加的东西。我希望仅当用户选择某个选项时才显示表格。所以这是我的html：

<div id="Reg_num2" style="display:none;" >
    <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>
        </tr>
    </table>​
</div>

这是我的jQuery代码：

$(document).ready(function(e) {
$("input[name= 'Reg_num_r']").change( function () {
        if($(this).val()==1) {
            $("#Reg_num2").hide();
        } else {
            $("#Reg_num2").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>X</button></td></tr>";
        $("#table").append(row);
    });
});

我有两个问题：

1. 当用户选择适当的单选按钮时，表格不会显示。代码有什么问题？
2. 当我单击添加按钮时，它会提交整个页面，我该如何解决？

Answer 1

问题是

if($(this).val()==1) {

应该

if($(this).val()=="1") {

第二个答案

$("#submitButton").submit(function(){
//do things
return false;
});

Answer 2

“2）当我单击添加按钮时，它会提交整个页面，我该如何解决？”

默认情况下，没有指定属性的<button>元素是，所以如果它在表单中，它将提交表单。将其更改为.typetype="submit"<button type="button">

我不确定您的单选按钮问题，尽管我倾向于使用.click而不是.change- 请更新您的问题以显示相关的 html。