Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript(jquery)计算选中复选框的数量_Javascript_Jquery - Fatal编程技术网

如何使用javascript(jquery)计算选中复选框的数量

如何使用javascript(jquery)计算选中复选框的数量,javascript,jquery,Javascript,Jquery,如何计算这些数字,我需要第一列的结果在一个字段(计数器1)中加上(400+700),在另一个字段(计数器2)中加上第二列(300+800)。结果 <tr> <td><span class="cost">400</span>&nbsp;грн.</td> <td><span class="cost">300</span>&nbsp;грн./месяц</td&

如何计算这些数字,我需要第一列的结果在一个字段(计数器1)中加上(400+700),在另一个字段(计数器2)中加上第二列(300+800)。结果

<tr>
     <td><span class="cost">400</span>&nbsp;грн.</td>
     <td><span class="cost">300</span>&nbsp;грн./месяц</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>&nbsp;грн.</td>
         <td><span class="cost">800</span>&nbsp;грн./месяц</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&nbsp;<span class="currency">грн.</span></p>
                                    </div>
                                    <div class="monitoring">
                                        <p class="counter-head">Стоимость мониторинга</p>
                                        <p class="counter-two">0&nbsp;<span class="currency">грн./месяц</span></p>
                                    </div>
                                </div>