动态根据checkbox 增加Dom

 <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeBehind="TestForDemo.aspx.cs" Inherits="Maticsoft.Web.Product.TestForDemo" %>
 <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script src="../js/checkBoxHelper.js"></script>
 </asp:Content>
 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <input type="button" id="btn_Update" value="批量更新" />
     <span>全部选择:<input type="checkbox" name="SelectAll"   /></span>
     <table class="table">
         <thead>
             <th>选择</th>
             <th>产品Id</th>
             <th>名称</th>
             <th>描述</th>
             <th>生产厂家</th>
             <th>价格</th>
             <th>链接</th>
             <th>标题 </th>
         </thead>
         <%=ConsTr %>

     </table>
     <script type="text/javascript">
         $(document).ready(function () {
             $("input[name='SelectAll']").click(function () {
                 if ($(this).attr("checked") == "checked") {
                     checkBoxHelper.allChecked();
                 }
                 else {
                     checkBoxHelper.allCancle();

                 }
             });
             $("input[name='forTest']").click(function () {
                 if ($(this).attr("checked") == "checked") {

                     checkBoxHelper.addTr(this);
                 }
                 else {
                     var $tr = $(this).parents("tr");
                     $tr.next(".newrow").remove();

                 }
             });
             $("#btn_Update").click(function () {
                 if ($(this).val() == "批量更新") {
                     var check = checkBoxHelper.getChecked();
                     if (check.length == 0) {
                         alert("至少选择一个");
                         return false;
                     }
                     $(this).val("保存");
                     $.each(check, function (index, element) {
                         checkBoxHelper.addTr(element);
                     });

                 }
                 else {
                     $(this).val("批量更新");
                     alert("保存成功");
                 }

             });
         });

     </script>
 </asp:Content>

HTML

 var checkBoxHelper = {
     ///全选
     allChecked: function () {
         $('input[name="forTest"]').attr("checked", "checked");
     },
     allCancle: function () {
         $("input[name='forTest']").each(function () {
             this.checked = !this.checked;
         });
     },
     getChecked: function () {
         var check = new Array();
         $("input[name='forTest']").each(function () {
             if (this.checked) {
                 check.push(this);
             }
         });

         return check;
     },
     addTr: function (element) {
         var $tr = $(element).parents("tr");
         if ($tr.next(".newrow").length>0) {
             return false;
         }
         if ($("#btn_Update").val() == "批量更新") {
             return false;
         }
         var price = $tr.find("#price").text();
         var select = "<select>";
         select += "<option>请选择</option>";
         select += "<option>ywx236602</option>";
         var $td = "<td>" + select + price + "</td>";
         var aftertr = $("<tr class='newrow'></tr>");
         aftertr.append($td);
         $tr.after(aftertr);
     }

 };

JS

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.Web.UI;
 using System.Web.UI.WebControls;
 using Maticsoft.Model;
 using System.Text;

 namespace Maticsoft.Web.Product
 {
     public partial class TestForDemo : System.Web.UI.Page
     {
         public string ConsTr { get; set; }
         protected void Page_Load(object sender, EventArgs e)
         {
             List<Products> prods = new BLL.Products().GetModelList("");
             StringBuilder sb = new StringBuilder();
             sb.Append("<tbody>");
             foreach (var item in prods)
             {
                 sb.Append("<tr>");
                 sb.AppendFormat("<td><input type='checkbox' name='forTest'  id='{0}'/></td>",item.ProductId);
                 sb.AppendFormat("<td>{0}</td>", item.ProductId);
                 sb.AppendFormat("<td>{0}</td>",item.Name);
                 sb.AppendFormat("<td>{0}</td>",item.Description);
                 sb.AppendFormat("<td>{0}</td>",item.Catagory);
                 sb.AppendFormat("<td id='price'>{0}</td>",item.Price);
                 sb.AppendFormat("<td>{0}</td>",item.Href);
                 sb.AppendFormat("<td>{0}</td>",item.Title);
                 sb.Append("</tr>");

             }
             sb.Append("</tbody>");
             ConsTr=sb.ToString();
         }
     }
 }

c#