改天换地 2015-07-07 08:06 采纳率: 0%
浏览 1461
已采纳

js怎么写这东西求帮忙

最上面一行就是一个名字加四个文本框,然后再加两个按钮,下面的都是动态生成的,
只要嗯一下那个+号按钮就能生成一行,然后所有的获取按钮就是alert输出所在行的
所有文本框内容,然后所有的-号按钮都是删除所在行。图片说明

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2015-07-07 08:24
    关注
     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
    <table border="1" id="tb">
    <tr><td>姓名</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td><td><input type="button" value="+" /> <input type="button" value="获取" /></td></tr>
    </table>
    <script>
        function btnClick() {
            var clone = this.value == '+', del = this.value == '-',tr=$(this).closest('tr'),ntr;
            if (clone) {
                ntr = tr.clone(true);
                ntr.find('input[type="button"]:eq(0)').val('-');
                ntr.appendTo(tr.parent());
            }
            else if (del) tr.remove();
            else alert(tr.find('input[type="text"]').map(function () {return this.value }).get().join('\n'));
        }
        $('#tb input[type="button"]').click(btnClick);
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?