js添加input

来源：互联网发布：网页在线视频剪辑软件编辑：程序博客网时间：2024/06/07 23:51

div>

function InsertProduct() {

for (var i = 0; i < 5; i++) {

var tb = document.getElementById("productTable");

var refRow = tb.rows.length - 1;

var newRefRow = tb.insertRow(refRow);

var checkboxid = document.createElement("input");

checkboxid.setAttribute("type", "checkbox");

checkboxid.setAttribute("id", "checkboxid");

checkboxid.setAttribute("name", "chkallID");

checkboxid.setAttribute("value", i.toString() + "InsertProduct");

newRefRow.insertCell(0).appendChild(checkboxid);

newRefRow.insertCell(1).innerHTML = "<span class=\"color4\">" + document.getElementById("t_name").value + "</span>";

newRefRow.insertCell(2).innerHTML = document.getElementById("t_gkj").value;

newRefRow.insertCell(3).innerHTML = document.getElementById("t_sl").value;

newRefRow.insertCell(4).innerHTML = document.getElementById("t_zk").value;

newRefRow.insertCell(5).innerHTML = document.getElementById("t_zhj").value;

newRefRow.insertCell(6).innerHTML = document.getElementById("t_xj").value;

}

}
</script>

<h1>方案一</h1>
        <table width="100%" id="productTable">
            <tr>
                <td class="title-bg">
                    选择
                </td>
                <td class="title-bg">
                    产品名称
                </td>
                <td class="title-bg">
                    公开价
                </td>
                <td class="title-bg">
                    数量
                </td>
                <td class="title-bg">
                    折扣（X/10）
                </td>
                <td class="title-bg">
                    折后价
                </td>
                <td class="title-bg">
                    小计
                </td>
            </tr>
            <tr>
                <td>
                    <a class="clickcss" onclick="InsertProduct()">添加</a>
                </td>
                <td>
                    <input type="text" id="t_name" name="" />
                </td>
                <td>
                    <input type="text" id="t_gkj" name="" value="0" />
                </td>
                <td>
                    <input type="text" id="t_sl" name="" value="0" />
                </td>
                <td>
                    <input type="text" id="t_zk" name="" value="10" />
                </td>
                <td>
                    <input type="text" id="t_zhj" name="" value="0" />
                </td>
                <td>
                    <input type="text" id="t_xj" name="" value="0" />
                </td>
            </tr>
        </table>

        <asp:Button ID="Button1" runat="server" Text="接收方案一参数"
            onclick="Button1_Click" />

        <br />
protected void Button1_Click(object sender, EventArgs e)
    {
        if (string.IsNullOrEmpty(Request["chkallID"]) == false)
        {
            Response.Write(Request["chkallID"].ToString());
            Response.End();
        }
    }

方案一的写法，生成checkbox类型的input后，在后台可以接收到选中的checkbox的value，接收的时候会自动的在每个checkbox的value后面加上,逗号隔开，

0 0