jQuery 添加评论

最新推荐文章于 2022-10-12 09:36:32 发布

Mogul1

最新推荐文章于 2022-10-12 09:36:32 发布

阅读量792

点赞数

本文链接：https://blog.csdn.net/mogul1/article/details/80848512

版权

HTML代码：

<body>
    <div>
        <table style="width: 200px;" id="biao">
            <tr>
                <td>姓名</td>
                <td>评论</td>
            </tr>
        </table>
    </div>
    <div>
        <p>姓名：<input id="txt_name" type="text" /></p>
        <p>评论:<input id="txt_comment" type="text" /></p>
        <p>
            <input id="btn_add" type="button" value="添加" />
        </p>

    </div>
</body>

jQuery代码：

 <script>
        $(function () {
            //按钮的点击事件
            $("#btn_add").click(function () {
                //当姓名和评论为空时弹出窗口
                if ($("#txt_name").val() == "" || $("#txt_comment").val == "") {
                   alert("姓名、评论不能为空")
                }
                else {
                    //将txt_name和txt_comment文本框添加到表格中
                    $("#biao").append("<tr><td >" + $("#txt_name").val() + "</td><td>" + $("#txt_comment").val() + "</td></tr>");
                    //把txt_name和txt_comment文本框清空
                    $("#txt_name,#txt_comment").val("");
                }
            });


        });
    </script>