js怎么动态创建一个input

2013-06-19

js如何动态创建一个input一个页面上有一组checkbox，这是动态添加的。（根据数据库中的Id生成checkbox的id和v

js如何动态创建一个input
一个页面上有一组checkbox，这是动态添加的。（根据数据库中的Id生成checkbox的id和value，数据库中的Name生成checkbox的显示值），请问各位大神应该怎么写、本人学生学习、还请详细点讲解 js?input?checkbox 数据库 CheckBox js
[解决办法]

var input = document.createElement("input");
$(input).attr("type", "checkbox");
$(input).attr("name", "yourname");
$(input).attr("value", "1");

var text = document.createTextNode("Test");

$(input).appendTo("body");
$(text).appendTo("body");

类似的属性啊，添加的位置啊看着办^_^
[解决办法]
objRowId ：数据库中的Id
objRowValue:数据库中的value
code=html]
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm10.aspx.vb" Inherits="WebApplication1.WebForm10" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
        function test() {
            var objRowId = new Array();
            var objRowValue = new Array();
         for (var k = 0; k < 3; k++) {
                objRowId.push(k);
                objRowValue.push('value' + k);
            }

            var objDiv = document.getElementById("divId");
            var objStr = "";
            for (var i = 0; i < objRowId.length - 1; i++) {
                objStr = objStr + '<input type="checkbox" id="id' + objRowId[i] + '" />' + objRowValue[i] + '<br/>';
            }
            objDiv.innerHTML = objStr;
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">

    <input type="button" onclick="test()" value="BTNTEST" />
    <br />
    <div id="divId">
    </div>
    </form>
</body>
</html>
[/code]

[解决办法]
用 jqeury 出，也很容易
var output = '<div></div>'  <-- 直接拼
output = $(output);
$("#result").append(output);

result 是一个div 的id

热点排行

JavaScript

js怎么动态创建一个input