动态的创建的checkbox
'<input type=checkbox> i <img style=display:none id=i>' i=0,1,2。
当checkbox被选中之后 有一个按钮触发动作 对应的img显示 for(i=0;i <5;i++)
document.getElementById(i).style.display="";
document.getElementById(i).src="a.gif"; 出现的问题是checkbox被选中之后 按钮触发动作 运行上面的代码相应的img显示出现问题 每次有一个随机的img显示不出图片 不选中checkbox 直接运行上面的代码让img显示就正常了 能正常全部显示了
'<input type=checkbox> i <img style=display:none id=i>' i=0,1,2。
当checkbox被选中之后 有一个按钮触发动作 对应的img显示 for(i=0;i <5;i++)
document.getElementById(i).style.display="";
document.getElementById(i).src="a.gif"; 出现的问题是checkbox被选中之后 按钮触发动作 运行上面的代码相应的img显示出现问题 每次有一个随机的img显示不出图片 不选中checkbox 直接运行上面的代码让img显示就正常了 能正常全部显示了
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title> <script language="javascript">
function showIcon(el) {
var id = el.id.replace("chk", "");
document.getElementById(id).style.display = "inline";
document.getElementById(id).src = "images/app" + (parseInt(id) + 1) + ".jpg";
}
function create() {
var container = document.getElementById("container");
for (var i = 0, l = 5; i < l; i++) {
container.innerHTML += "<input type='checkbox' onclick='showIcon(this);' id='chk" + i + "'>" + i + "<img style='display:none' id='" + i + "'>";
}
}
function show() {
for (var i = 0, l = 5; i < l; i++) {
document.getElementById(i).style.display = "inline";
document.getElementById(i).src = "images/app" + (i + 1) + ".jpg";
}
}
</script></head>
<body>
<form id="form1" runat="server">
<div id="container">
</div>
<input type="button" value="Creat" onclick="create();" />
<input type="button" value="Show" onclick="show();" />
</form>
</body>
</html>
<html>
<head runat="server">
<title>test</title> <script language="javascript">
function showIcon(el) {
var id = el.id.replace("chk", ""),obj=document.getElementById(id);
if(obj)
{
var dis=el.checked==true?"inline":"none";
alert(el.checked+"---"+dis); obj.style.display = dis;
obj.src = "images/app" + (parseInt(id) + 1) + ".jpg";
}
}
function create() {
var container = document.getElementById("container"),count=parseInt(document.getElementById("count").value)
container.innerHTML="";
for (var i = 0, l = count; i < l; i++) {
if(i%5==0)container.innerHTML +="</br>";
container.innerHTML += "<input type='checkbox' onclick='showIcon(this);' id='chk" + i + "'>" + i + "<img style='display:none' id='" + i + "'>";
}
} </script></head>
<body>
<form id="form1" runat="server">
<input type="text" style="width:50px" id="count" maxlength="2" value="5" onblur="if(this.value.length=='')this.value=defaultValue;" onfocus="defaultValue=this.value;this.select();" onkeypress="if(event.keyCode>57||event.keyCode<48) return false;" />
<input type="button" value="Creat" onclick="create();" /></br>
<div id="container">
</div>
</form>
</body>
</html>
在 js中 搞个循环,
if(xx.checked){
已读/未读
}