如何动态添加checkbox

Posted 2023-04-16

参考技术A protected void Page_Load(object sender, EventArgs e)

CheckBox chk = new CheckBox();
chk.Text = "testall"; // 这里可以换成数据库的内容
chk.CheckedChanged += new EventHandler(chk_CheckedChanged);
chk.AutoPostBack = true;
Page.Form.Controls.Add(chk);

for (int i = 0; i < 10; i++)

CheckBox chk2 = new CheckBox();
chk2.Text = "test" + i.ToString(); // 这里可以换成数据库的内容
chk2.Checked = (i % 3 == 0); // 这里可以换成数据库的内容
Page.Form.Controls.Add(chk2);




void chk_CheckedChanged(object sender, EventArgs e)

CheckBox all = sender as CheckBox;
foreach(Control ctl in Page.Form.Controls)

if (ctl is CheckBox)

CheckBox chk = ctl as CheckBox;
chk.Checked = all.Checked;


本回答被提问者和网友采纳 参考技术B 下面是C#写法，一般应该是javascript动态增加吧。。JS代码如下：
var input = document.createElement("input");
input.type = "checkbox";
input.name = "PowerGrop";
input.id = "inputID" ;
input.value = myValue;
document.getElementById(divId).appendChild(input);

动态添加checkbox

<!--动态添加 checkbox-->
<script type="text/javascript">
var data = new Array();
<% ArrayList list=(ArrayList)request.getAttribute("namelist");
for(int i=0;i<list.size();i++){%>
data[<%=i%>] = ‘<%=list.get(i)%>‘;
<%}
%>
window.onload=function(){
var mydiv= document.getElementById("mydiv");
var ul=document.createElement("ul");
for(var i=0;i<data.length;i++){
// 加入复选框
var checkBox=document.createElement("input");

checkBox.setAttribute("type","checkbox");
checkBox.setAttribute("name", "teachers");
checkBox.setAttribute("value", data[i]);

var li=document.createElement("li");
li.appendChild(checkBox);
li.appendChild(document.createTextNode(data[i]));
ul.appendChild(li);
}

mydiv.appendChild(ul);

}

 

 <div id="mydiv"></div>