学做网站培训课程介绍

当前位置:

jquery获取选中复选框值并计算(代码)

通过复选框选择相应的value值并进行计算,在一些功能上需要用到。如下图:

jquery获取选中复选框值并计算功能

下面是jquery获取选中复选框值并计算功能的代码:


<html>  
  <head>      
    <title>jquery获取选中复选框值并计算</title>
  </head>  
  <body>      
            <label class="kc_name">建站课程</label><input type="checkbox" value='680'   />
            <label class="kc_name">SEO课程</label><input type="checkbox" value='590'   />
            <label class="kc_name">手机课程</label><input type="checkbox" value='550'   />
            <label class="kc_name">DZ课程</label><input type="checkbox" value='599'   />
            <label class="kc_name">电影课程</label><input type="checkbox" value='400'   />
            <p>总价:<label id="total">0</label></p>
           
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
  <script>  
 $(function(){
$("input:checkbox").click(function(){
    var sum=0;
    $("input:checkbox:checked").each(function(){
    sum+= parseInt(this.value);
});
    $("#total").html(sum.toFixed(2));
});
       });
  </script>  
  </body>  
  </html>

也可以使用以下的代码来获取选择的项目的值;


var yys=[];
jQuery('input:checkbox[name="yuyan"]').click(function(){
jQuery('input:checkbox[name="yuyan"]:checked').each(function(){
yys.push(this.value);
});
});

《“jquery获取选中复选框值并计算(代码)”》 有 1 条评论

  1. 学习建网站学员 郭红霞说道:

    我参考了您这个代码,但和我的效果略有不同,我有两条相同的div,选其中一条div里的复选框,另一个div也跟着变化

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 图片轮播特效在网站制作过程中经常会用到,它可以让一个“静止”的网站“动”起来。在学做网站论坛以前的建站教程中,也讲过如何制作网站幻灯片,我们在学
  • 在自己建网站过程中,由于版面限制,很多内容需要制作成一TAB选项卡,这样在同样一个尺寸的版块,可以显示成倍的内容。TAB选项卡在很多在的大量网站中
  • PHP程序如何要传递一个变量或者一个参数,可以通过表单和地址栏二种方式来传递。其中通过地址栏URL来传递/获取变量参数,最简单,特别实用。在实际应
  • 在自己建网站时,往往在不同分类调用出不同的属性,需要结合调用各类分类的别名或者分类的ID号,如何让WORDPRESS程序自动调用出不同分类的别名和ID号
  • 通过复选框选择相应的value值并进行计算,在一些功能上需要用到。如下图:下面是jquery获取选中复选框值并计算功能的代码:[cce_html]<
  • 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图:怎么
  • 实例介绍jQuery操作复选框checkbox自动计算实例用于演示jQuery操作复选框checkbox自动计算选中的数量及金额,常用于网站购物车功能的开发。便于用户
  • 在做网站时,有时某些功能需要计算数据库里字段数值总和,例如商城网站课程里计算用户选择的所有商品价格的总和等等,这些都需要对数据库的字段数值进
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实