ajax下的checkbox

kkgogo 2009-04-29 02:54:56
<div>您已经选择了个复选框</div>
<input type="checkbox" value="1" />
<input type="checkbox" value="2" />
<input type="checkbox" value="3" />
<input type="checkbox" value="4" />

请问,怎样在选中checkbox时,上面的文字同时变化?谢谢。不刷新整个页面。
...全文
155 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
kkgogo 2009-04-29
  • 打赏
  • 举报
回复
OK,结贴!
hookee 2009-04-29
  • 打赏
  • 举报
回复


<script language="javascript">
function doCheck(){
var sum = 0;
var aChk = document.getElementsByTagName("input");
for(var i=0; i<aChk.length;i++){
if(aChk[i].type=="checkbox") if(aChk[i].checked) sum++;
}
document.getElementById("sum").innerText = sum;
}

window.onload=function(){
var aChk = document.getElementsByTagName("input");
for(var i=0; i<aChk.length;i++){
if(aChk[i].type=="checkbox") aChk[i].onclick = doCheck;
}
}
</script>
<div>您已经选择了<span id="sum">0</span>个复选框 </div>
<input type="checkbox" value="1" />
<input type="checkbox" value="2" />
<input type="checkbox" value="3" />
<input type="checkbox" value="4" />

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧