js如何动态创建一个input

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

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

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]
objRowId ：数据库中的Id
objRowValue:数据库中的value

<%@ 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>
感谢、好像有点小问题、但是我又没找出来、再帮我看看好吗
function BindClassification(){
        GetClassification().then (function (users) {
            if (users == null || users.length <= 0){
                // no users found
                $("#Classification").html('<lable>No classification data</lable>');
             }
            else{
                GetContactDetail(GetPageParameter()).then (function (result) {
                var classificationId = result.Classification.split(",");
                        var checkBoxDiv=document.getElementById("Classification");
                        var objStr = "";
                        for(i=0;i< users.length;i++){
                             for(j=0;j< classificationId.length;j++){
                                 if(users[i].Id==classificationId[j]){                                  objStr = objStr + '<input type="checkbox" checked id="  +users[i].Id+  " value="+users[i].Id+" />' + users[i].Name + '<br/>';                                  }
                                 else{                                  objStr = objStr + '<input type="checkbox" id=" +users[i].Id+ " />' + users[i].Name + '<br/>';
                                 }
                                     checkBoxDiv.innerHTML = objStr;
                             }
                         }
                  });
               }
          });
        }
这样的效果是有多个选定时会生成重复的选项？神马情况啊
你的意思是
如：和FINACE名字一样的CHIECKBOX的多个是吧，在生成的时候跟据得到的值判断一下就可以了，把重复的去掉就可以了。断点调试一下应该就能看出来。
我也想调试的、可惜全是js、单纯的调试js没数据的，所以有点没头绪
用 jqeury 出，也很容易
var output = '<div></div>'  <-- 直接拼
output = $(output);
$("#result").append(output); result 是一个div 的id