这几个月的项目都涉及到多选操作,整理了一下,防止以后再遇到找不到demo。
第一个项目是获取商品的属性值,因为每个商品的属性都不同,包括属性名和属性值都是后台遍历获得的。我就直接多选遍历返回数据了。
附上代码:
var goods = $('.select-options').map(function(index, elem){
return $(elem).find('option:selected').val();
}).get();
第二各项目是统计多选框选中的值的和,原理和上一个项目差不多,代码如下:
var commission = 0;
$('input[name=commission]:checked').map(function(index,elem){
commission += parseFloat($(elem).attr('data'));
});
$('.c-checked').text(commission);
计算时需要转换一下值的类型,可以是浮点型(parseFloat)也可以是整形(parseInt)。不处理的话会直接当成字符串拼接的。
另外返回字符串只需在get()方法后面再追加join()方法即可。