JQuery附加表

Question

我正在尝试在我的注册页面中创建动态表格，并且我已经放弃使用插件，我只是要使用这个附加内容。如果用户选择某个选项，我希望该表格显示 ONLY 。所以这是我的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>属性的type元素将为type="submit"，因此如果它在表单中，则会提交表单。将其更改为<button type="button">。

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