这篇文章主要介绍了 JS 实现统计复选框选中个数并提示确定与取消的方法, 可实现 javascript 针对页面复选框元素的统计与提示功能, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 JS 实现统计复选框选中个数并提示确定与取消的方法。分享给大家供大家参考。具体实现方法如下:
javascript 部分如下:
- <script type="text/javascript">
- function yesno() {
- var inputs = document.getElementsByName("ck[]");
- var checked_counts = 0;
- for (var i = 0; i < inputs.length; i++) {
- if (inputs[i].checked) {
- checked_counts++;
- }
- }
- if (confirm("你已选择了 " + checked_counts + " 个网址,\n你确定选择删除过滤网址吗?")) {
- //return true;
- ShowDiv('MyDiv', 'fade');
- } else {
- return false;
- }
- }
- </script>
html 页面部分如下:
- <form id="form1" name="form1" method="post" action="">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
- <input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="选择删除信息">
- </form>
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: