|
热门文章 |
|
|
|
|
判断选中的复选框数量 |
来源:蓝色理想 更新时间:2010/8/29 13:53:28 阅读次数: 我要投稿 |
|
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" language="javascript"> window.onload = function() { var frm = document.getElementsByTagName("input"); for(var i=0;i<frm.length;i++) { frm[i].onclick = function(){ var j = 0; for(var k=0;k<this.parentNode.childNodes.length;k++) { if(this.parentNode.childNodes[k].checked) { j++; } } document.getElementById("checknum").value = j; }; } }; </script> </head> <body> <form method="post" name=playlist> 1 <input type="checkbox" name="ckbox"> 2 <input type="checkbox" name="ckbox"> 3 <input type="checkbox" name="ckbox"> 4 <input type="checkbox" name="ckbox"> 5 <input type="checkbox" name="ckbox"> 6 <input type="checkbox" name="ckbox"> 7 <input type="checkbox" name="ckbox"> 8 <input type="checkbox" name="ckbox"> 9 <input type="checkbox" name="ckbox"> </form> <div align="left">你选中了几个 <input type="text" id="checknum" > 颜色 </div> </body> </html> |
|
上一篇文章: 输入指定字符后页面匹配字符串变红高亮下一篇文章: 动态添加和删除文本框 |
|
|