根据数据库动态创建CheckBox

 public static string ComboboxJson(DataTable dt,string kField,string TextField)
         {
             StringBuilder sb = new StringBuilder();
             sb.Append("[");
             foreach (DataRow dr in dt.Rows)
             {
                 sb.Append("{");
                 sb.AppendFormat("\"id\":\"{0}\",", dr[kField].ToString());
                 sb.AppendFormat("\"text\":\"{0}\"", dr[TextField].ToString());
                 sb.Append("},");            
             }
             if (sb.ToString().EndsWith(","))
             {
                 sb.Remove(sb.Length - 1, 1);
             }
             sb.Append("]");
             return sb.ToString();
         }

         二：公共js向div中生成checkbox

//根据数据库动态添加checkbox
//对象，高度，宽度，div的id四个参数
function addcheckbox(obj, height, width, id) {
    var i;
    var insertDiv = document.getElementById(id);
    insertDiv.innerHTML = "";
    var chkinfo;
    var chkDIV;
    //var txtinfo;  
    //解析从服务器获得的数据,循环添加复选框  
    for (i = 0; i < obj.length; i++) {
        //为每一个复选框创建一个DIV  
        chkDIV = document.createElement("div");
        //每一个复选框用input创建，类型为checkBox  
        chkinfo = document.createElement("input");
        chkinfo.name = "checkboxid";
        chkinfo.id = obj[i].id;
        chkinfo.type = "checkbox";
        //将每一个chinesename为复选框赋值  
        chkinfo.value = obj[i].text;
        //将复选框添加到Div中  
        chkDIV.appendChild(chkinfo);
        //为Div设置样式  
        chkDIV.style.height = height;
        chkDIV.style.width = width;
        chkDIV.style.float = "left";
        chkDIV.align = "left";
        chkDIV.appendChild(document.createTextNode(obj[i].text));
        //将创建的div添加到前台预留的DIV下  
        insertDiv.appendChild(chkDIV);
    }
}

         三：函数的调用

    $.ajax({
            type: "Post",
            url: "Right.ashx",
            data: {'backfunction':'getrolecheckbox'},
            success:function(strJson){
                var obj = eval(strJson);

                addcheckbox(obj, "50px", "150px", "checkbox");
        }
        })

         用户有千变万化的需求，代码不断地改不能怪用户，只能怪自己没有站在用户的角度，好好的为人民服务一把，代码要写灵活，写的抽象，这才刚刚开始啊

版权声明：本文为博主原创文章，未经博主允许不得转载。

根据数据库动态创建CheckBox

标签：checkbox   数据库   需求   js