Javascript 如果选中了两个或多个复选框，则选中并求和

我有一个4输入复选框标记，如果选中一个复选框，我有一个div标记来显示价格

<input type="checkbox" value="None" id="check1" />
<input type="checkbox" value="None" id="check2" />
<input type="checkbox" value="None" id="check3" />
<input type="checkbox" value="None" id="check4" />
<div id="price"></div>

我想做的是，如果只选中1个随机复选框，它将在div#price上显示数字1800，但如果选中2个复选框，它将相加为3600，依此类推，直到选中4个复选框。但我真的很困惑如何使用jQuery实现这一点。有什么想法吗？

• 使用

  ：checkbox

  选择器在所有

  type=checkbox

  元素上分配

  change

  事件，可以添加

  [value=“None”]

  ，同时选择

  checkbox

  元素以使其更具体
• 使用

  ：checkbox:checked

  选择器选择选中的复选框

var-val=1800；
$（'：复选框[value=“None”]'）。在（'change'，function（）上{
var len=$（'：复选框：选中'）。长度；
$（'价格'）.text（len*val）；
});


使用
：checkbox
选择器在所有
type=checkbox
元素上分配
change
事件，可以添加
[value=“None”]
，同时选择
checkbox
元素以使其更具体
使用
：checkbox:checked
选择器选择选中的复选框


var-val=1800；
$（'：复选框[value=“None”]'）。在（'change'，function（）上{
var len=$（'：复选框：选中'）。长度；
$（'价格'）.text（len*val）；
});

HTML

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <input type="checkbox" value="100" id="check1" />
    <input type="checkbox" value="21" id="check2" />
    <input type="checkbox" value="22" id="check3" />
    <input type="checkbox" value="4" id="check4" />
    <div id="price"></div>

JSBIN

HTML

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <input type="checkbox" value="100" id="check1" />
    <input type="checkbox" value="21" id="check2" />
    <input type="checkbox" value="22" id="check3" />
    <input type="checkbox" value="4" id="check4" />
    <div id="price"></div>

JSBIN

你需要学习一些JavaScription。到目前为止，你试过什么吗？有代码或函数吗？你需要学习一些JavaScription。到目前为止你试过什么吗？有代码或函数吗？@PranavCBalan–我也很困惑。。让他提供一些输入：）是的，就像我预期的那样，我已经尝试使用on（'click'）和&&和| |之间的组合运算符。使用长度在我的脑海中从来没有过，对不起，因为我是新来的javascript@JhonnyJr. — 我很高兴它帮了大忙，伙计！很高兴认识你，非常感谢much@PranavCBalan–我也很困惑。。让他提供一些输入：）是的，就像我预期的那样，我已经尝试使用on（'click'）和&&和| |之间的组合运算符。使用长度在我的脑海中从来没有过，对不起，因为我是新来的javascript@JhonnyJr. — 我很高兴它帮了大忙，伙计！很高兴认识你，非常感谢