如何在选择复选框的同时添加复选框的值(整数)并使用JQuery同时显示它们.

Question

我希望在选择所有复选框时添加它们的值，并将它们显示为警报。我是JQuery的新手。提前谢谢。

Answer 1

试试这个。。。。

<input type="checkbox" class="c" value=""/>
<input type="checkbox" class="c" value=""/>
<script>
$(function(){
$(".c").change({
   $(this).attr("value","your value");
 })
 });
</script> 

Answer 2

你想要这样的东西吗？

$(":checkbox").on("change",function(){
  var total = 0;
  $(":checkbox:checked").each(function(){
    total += +$(this).val();
  });
  alert(total);
});

演示

Answer 3

这就是您所需要的：

代码粘贴在jsfiddle上：fiddle

html:

<label>Select</label> 
<div> 
    <label> <input type="checkbox" value="1" name="language" id="One"> One </label> 
    <label > <input type="checkbox" value="2" name="language" id="Two"> Two </label> 
        <label > <input type="checkbox" value="3" name="language" id="Three"> Three </label>

jQuery:

var sumA = 0;
$('input[type="checkbox"]').click(function(){
    sumA = 0;
    $('input[type="checkbox"]:checked').each(function(i, elem){
       sumA = sumA + parseInt($(elem).val());
    });
    alert(sumA);
});