js怎么动态创建一个input-JavaSript-爱易网页

js怎么动态创建一个input

日期：2014-05-16　浏览次数：20420 次

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js怎么动态创建一个input

相关资料更多>

推荐阅读更多>