Javascript 使用jquery从复选框获取值

Javascript 使用jquery从复选框获取值,javascript,jquery,Javascript,Jquery,我想得到不同复选框的值,并将它们等同于一个价格,然后计算价格。下面是我的代码,当我提交表格时,它没有附加价格 我试着用switch case将价格与每个值相等 $(文档).ready(函数(){ $(“表单#我的表单”).submit(函数(事件){ event.preventDefault(); 检查的var=[]; $(“.size[value='items[]']:选中”)。每个(函数(){ 选中.push($(this.val()); var价格=0; 开关(已检查){ 案例“小”: 价

我想得到不同复选框的值,并将它们等同于一个价格,然后计算价格。下面是我的代码,当我提交表格时,它没有附加价格

我试着用switch case将价格与每个值相等

$(文档).ready(函数(){
$(“表单#我的表单”).submit(函数(事件){
event.preventDefault();
检查的var=[];
$(“.size[value='items[]']:选中”)。每个(函数(){
选中.push($(this.val());
var价格=0;
开关(已检查){
案例“小”:
价格:450元;;
打破
案例“中等”:
售价:750
打破
案例“大”:
价格:1500
打破
违约:
选中的;
}
$(“.add”)。单击(函数(事件){
event.preventDefault();
$(“.sprice”).append(pname);
});
});
});
});

我想找到所有复选框的总数。

我不知道复选框值中有什么,但选中的var是一个数组,您将其与switch case构造中的字符串进行比较。

复选框应该有值,不要在jQuery中设置价格。通过在变量中存储对值的引用,让jQuery处理HTML中的任何内容。细节在演示中进行了注释

/*这是可选的,我不想手动写入每个标签*/
$(':复选框')。每个(函数(){
$(this).after(`$${$(this.val()}
`); }); /* A-防止表单发送数据和重置表单 B-将所有已签入jQuery集合的内容收集起来 C-将每个复选框值和返回值映射为实数。 D-将数字映射转换为一个数组,并在数组中迭代添加每个数字 编号并返回总数。 E-将合计值格式化为货币,并显示在输出标记中。 */ 总风险价值; 功能总价(事件){ event.preventDefault();//A var checked=$(':复选框:checked');//B var prices=checked.map(函数(){//C 返回编号($(this.val()); }); var total=prices.toArray().reduce((小计,价格)=>小计+价格);//D $('.total').text('$'+total.toFixed(2));//E }; //提交表单时,调用totalPrice() 美元(“#shop”)。在('submit',总价)上



嘿,安德里亚。这不是问题的答案。指出拼写错误或错误应该在注释中进行。考虑扩展你的答案来提供问题的解决方案,而不仅仅是一个指针。