如何使用javascript(jquery)计算选中复选框的数量
如何计算这些数字,我需要第一列的结果在一个字段(计数器1)中加上(400+700),在另一个字段(计数器2)中加上第二列(300+800)。结果如何使用javascript(jquery)计算选中复选框的数量,javascript,jquery,Javascript,Jquery,如何计算这些数字,我需要第一列的结果在一个字段(计数器1)中加上(400+700),在另一个字段(计数器2)中加上第二列(300+800)。结果 <tr> <td><span class="cost">400</span> грн.</td> <td><span class="cost">300</span> грн./месяц</td&
<tr>
<td><span class="cost">400</span> грн.</td>
<td><span class="cost">300</span> грн./месяц</td>
<td>
<label class="switch">
<input type="checkbox" id="cost-one">
<div class="slider round"></div>
</label>
</td>
</tr>
<tr>
<td><span class="cost">700</span> грн.</td>
<td><span class="cost">800</span> грн./месяц</td>
<td>
<label class="switch">
<input type="checkbox" id="cost-two>
<div class="slider round"></div>
</label>
</td>
</tr>
400 грн.
300 грн./месяц
700 грн.
800 грн./месяц
差不多
$('.switch input')。打开('change',function()){
$('.counter-'+this.id.split('-').pop()).find('span').eq(0.html(
$(this).closest('tr').find('.cost').map(function(){
return+$(this.text();
}).get().reduce(函数(a,b){
返回a+b;
}) + ' '
);
});代码>
400 грн.
300 грн./месяц
700 грн.
800 грн./месяц
类似
$('.switch input')。打开('change',function()){
$('.counter-'+this.id.split('-').pop()).find('span').eq(0.html(
$(this).closest('tr').find('.cost').map(function(){
return+$(this.text();
}).get().reduce(函数(a,b){
返回a+b;
}) + ' '
);
});代码>
400 грн.
300 грн./месяц
700 грн.
800 грн./месяц
- 选择选中的输入
- 获取与所选输入相关的成本数字
- 获取获得的一些成本数字
$(“按钮”)。在(“单击”,函数(){
var costs=$(“输入:选中”).parents(“tr”).find(“.cost”);//获取选中输入的.cost元素
var总计=
$.map(costs,function(i,v){return parseInt($(i).text());})//获取一个成本数数组
.reduce(函数(preval,cval){return preval+cval},0);//获取成本数之和
控制台日志(总计);
});代码>
算计
400 грн.
300 грн./месяц
700 грн.
800 грн./месяц
。
- 选择选中的输入
- 获取与所选输入相关的成本数字
- 获取获得的一些成本数字
$(“按钮”)。在(“单击”,函数(){
var costs=$(“输入:选中”).parents(“tr”).find(“.cost”);//获取选中输入的.cost元素
var总计=
$.map(costs,function(i,v){return parseInt($(i).text());})//获取一个成本数数组
.reduce(函数(preval,cval){return preval+cval},0);//获取成本数之和
控制台日志(总计);
});代码>
算计
400 грн.
300 грн./месяц
700 грн.
800 грн./месяц
。
如果文本需要俄语(?)会有帮助,这样我就可以理解所写的内容。如果文本需要俄语(?)会有帮助,这样我就可以理解所写的内容。adeneo效果很好,非常感谢,但我需要的是,如果您选中第一个复选框=第一个字段中的结果将是400,第二列是300,当您选中第二列时,结果将是第一列1100(400+700)和第二列1100(300+800),您能告诉我怎么做吗this@DimaVleskov-这有点让人困惑,这就是你要找的->adeneo非常感谢你真的帮助了我,很高兴你写了评论并试图解释如何做adeneo它工作得很好,非常感谢,但我需要的是,如果您选中第一个复选框=第一个字段中的结果将是400,第二列是300,当您选中第二列时,结果将是第一列1100(400+700)和第二列1100(300+800),您能告诉我怎么做吗this@DimaVleskov-这有点让人困惑,这就是你想要的->adeneo非常感谢你真的帮助了我,你写了评论并试图解释如何做到这一点,真是太好了
<div class="counter-wrapper">
<div class="install">
<p class="counter-head">Стоимость с установкой</p>
<p class="counter-one">0 <span class="currency">грн.</span></p>
</div>
<div class="monitoring">
<p class="counter-head">Стоимость мониторинга</p>
<p class="counter-two">0 <span class="currency">грн./месяц</span></p>
</div>
</div>