遍历复选框

$(function(){

$("input:checkbox").click(function(){

var count=0;

var total=0.00;

$("input:checkbox").each(function(){

if($(this).is(":checked")) {

//被选中

var price=$(this).attr("data");

count++;

total=total+Number(price);

$(‘#selectedTotal‘).html(count);

$(‘#priceTotal‘).html(total);

}

});

});

});

时间: 2024-08-28 07:44:54

遍历复选框的相关文章

jQuery实现遍历复选框

1.问题背景 这里有10个复选框,根据选择的复选框获取其值,并将其值用"--"连接,插入到div中 2.实现源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>遍历复选框</title> <script type="text/javascript" src="../js/jquery-1

JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成.先获取checkbox元素集合,遍历集合,对集合中的每一项做操作. 这里讲几个常用的checkbox复选框的常见示例. 取值 给定页面 <body> <p> <label for="hobby">Hobby:   <input type="checkbox" name="hobby" val

如何实现复选框的全选和取消全选效果

如何实现复选框的全选和取消全选效果:在很多网站都有这样的功能,当点击一个全选按钮之后,所有的复选框都会被选中,再点击之后会取消全选,功能非常的人性化,可以省却很多人力,下面就简单介绍一下JS如何实现此功能,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww

多条件查询(复选框条件)

查询会遍历表,显现是出表和以前讲的一样,就不多说了,说下怎么写复选框条件 一.遍历复选框中的内容,列表名:其他的都是一样的遍历方法 <div>区域:<input type="checkbox" />全选</div><div> <?php $sqla = " select distinct area from house"; //去重区域名 $a = $db->query($sqla); while($qy

jquery 循环遍历选中的多选复选框checkbox

1多选复选框 <input type=checkbox  name=id value=${entity.id}> 2.循环遍历 var courseIdList = []; var $courseList = $('input[type="checkbox"]:checked'); $courseList.each(function() { courseIdList.push($(this).prop('value')); });

WPF使用DEV之TreeListControl---添加复选框

1.绑定的Class中添加一个Bool类型的属性 2.   该属性无需初始赋值,你运行即可看到如图: Bool类型数据自动变成了复选框 3.当然了,你肯定想知道用户选择了哪些复选框,从而你就想获取选中复选框对应的这一行后面的数据做操作 --这一点我当时很头疼,想有什么事件触发什么方法解决,感谢@常州木头 开导 --当你完成上述1时出现2,用户在在一些复选框打了对勾后,ObservableCollection<ConnectionModel>中对应Bool数据IsSelect就自动变为了true

Jq 复选框、单选框取值操作、面板切换、cook

今天遇到这么几个问题: 1.$().map(); map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 2 选择器(: >) :是指定type  :input <input>元素 .radio  type="radio"的元素3.$('div :checkbox').each(function (){}) 就是遍历 div获取的每个值5.Jq只能用一次,就哟不了-->(只能触发一次单击事件) 我的循环使用调用2.0估计就

ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中(一)

ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中,这个问题分一下几步走 1.将弹出框真分页后复选框选择的数据保存. 2.将弹出框保存的数据传到父页面上. 3.将数据在父页面上显示. 4.点击保存将信息存入数据库中. 首先来第一步将弹出框真分页后复选框选择的数据保存. 思路很简单就是先真分页,然后在点击下一页的时候扫描这一页所有点击复选框的数据保存到一个变量数组中.下面就是主要代码: ASP代码: <%@ Page Language="C#" AutoEventWire

【mfc】组框、单选框控件与复选框控件

VC6中的MFC中的单选框与复选框控件也不简单,它没有VS中C#那样可以之间通过一个封装之后的函数进行判断,该单选框/复选框有没有被选中啊?或者控制单选框/复选框的选中状态.这东西比较复杂,通过相应的值来控制的. 一.基本目标 下面就用一个简单例子来说明VC6中的MFC中的单选框与复选框控件,点击"确定"按钮能够判断对话框中的所有单选框与复选框的选中状态.Radio1-Radio3互成一个组,组内仅能够有一个组员被选中,Radio4-Radio5也互成一组,选择Radio4能够令复选框