JS实现统计复选框选中个数并提示确定与取消的方法

   本文实例讲述了JS实现统计复选框选中个数并提示确定与取消的方法。分享给大家供大家参考。具体实现方法如下:

  javascript部分如下:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<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页面部分如下:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13

<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程序设计有所帮助。

时间: 2024-10-25 07:42:53

JS实现统计复选框选中个数并提示确定与取消的方法的相关文章

jquery统计复选框选中示例_jquery

以前我使用js只能判断遍历再获取 复制代码 代码如下: <!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><title

js获取checkbox复选框选中的选项实例_javascript技巧

有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = option.leng

jQuery实现统计复选框选中数量_jquery

代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码 jQuery代码: 复制代码 代码如下:         function countNum(){           //alert($('input[name=check]:checked').length);          var arrays = new Array();           var items = document.getElementsByName("check");          

java-Java中如何获取单选按钮和复选框选中的值?

问题描述 Java中如何获取单选按钮和复选框选中的值? 有没有简单易行的方法?如果按钮太多该怎么获取?新手求解,谢谢大家了. package homework; import java.awt.Checkbox; import java.awt.CheckboxGroup; import java.awt.Container; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.

jquery统计用户选中的复选框的个数_jquery

复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="che

js全选实现和判断是否有复选框选中的方法

 这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: function actionEvent(methodname){ var form = document.forms[0]; if(validateIsSelect(form.all, form.productids)){ form

easyui 删除复选框选中的数据,在后台怎么接受前台js数组

问题描述 easyui 删除复选框选中的数据,在后台怎么接受前台js数组 我需要做一个删除功能,datagrid第一列是复选框,我根据选中的复选框来删除,可能是单选或多选,我在前台是拿到选中的行的id,用一个数组保存下来, 看代码 // 返回被选中的行 然后集成的其实是 对象数组 var row = $('#tab').datagrid('getSelections'); var i = 0; var string = ""; for(i;i<row.length;i++){ s

js全选实现和判断是否有复选框选中的方法_javascript技巧

本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function actionEvent(methodname){          var form = document.forms[0];          if(validateIsSelect(form.all, form.productids)){              form.action='<html:rewrite action="/control

jquery获取到复选框选中的值,值为数值类型,怎样通过ajax 传到后台,后台怎样接送

问题描述 jquery获取到复选框选中的值,值为数值类型,怎样通过ajax 传到后台,后台怎样接送 求救,困扰了一天了, 急急急急急急急急急急急急,这个问题描述也太坑了吧. 解决方案 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> function getCheck(){ var