CheckBoxSum.js

//------------------------页面有多个复选框，点击进行累加效果--------------------------//
//在项目实际开发过程中我们可能会见到这样的场景，如选中多个删除，等等!!!!!!!!!!
//html代码
    
    
    
 
  
        共计
  0个
    
 
jq代码：
    $('.son').on('change', function(){
        //将其转换成number类型
        var num = Number($('#delNum').text());
        var value = $(this).prop('checked');
        if(value){
            $('#delNum').text(num+1);
        }else{
            $('#delNum').text(num-1);
        }
    })

//api解析：prop() 方法设置或返回被选元素的属性和值。(判断checkBox最好使用prop属性来监听多选按钮是否被选中)
//如需检索 HTML 属性，请使用 attr() 方法代替。
//返回属性的值：
    $(selector).prop(property)
//设置属性和值：
    $(selector).prop(property,value)
//如需移除属性，请使用 removeProp() 方法。