Javascript jQuery复选框和值

我的代码有问题。它不会对复选框的所有值求和。这里有什么问题

我已经尝试了所有的方法，但它不会向我展示任何东西

HTML JavaScript

---

如果我明白你想做什么，那么这就行了。但是…我不知道$more.val应该选择什么，因为没有任何具有该ID的HTML元素。因此…我将其设置为0

HTML

JQuery

function displayVals() {
      calcUsage();
      var singleValues = 0; //$("#more").val();         
      $("#span").html("<b>more addons:</b> " + 
                  singleValues + ' EUR<br>');
}
var $cbs = $('.checkbox');
function calcUsage() {
    var total = 0; //$("#more").val();
    $cbs.each(function() {
        if ($(this).is(":checked"))
            total = parseInt(total) + parseInt($(this).val());
    });
    $("#usertotal").text(total + ' EUR');
}

    $("select").change(displayVals);
    displayVals();
//For  checkboxes

$cbs.click(function() {
    calcUsage();
});

jsiddle:

试试这个：

HTML

Javascript

function displayVals()
{
  calcUsage();
  var singleValues = $("#more").val();         
  $("#span").html("<b>more addons:</b> " +  singleValues + ' EUR');
}
var $cbs = $('input[name="choise"]');
function calcUsage()
{
var total = 0;

$cbs.each(function() {
    if (this.checked)
    {
        total += parseInt(this.value);

    }

});
$("#usertotal").text(total + ' EUR');
}

$("select").change(displayVals);
displayVals();

//For  checkboxes 
$cbs.click(calcUsage);

---

首先，在左侧面板上使用jquery版本我已经这样做了，但它给了我错误。我将添加更多选项。您的代码不可理解，请告诉我您实际想要做什么？我想对复选框中的所有值求和。HTML和JQuery都有很多问题，很难准确理解您想要做什么。谢谢，这就是我想要得到的：没问题，很高兴听到这是你想要的。祝你以后好运！

<div id='vizitkarte'><h2>Vizītkarte</h2>
    <input id='cheackbox_pam_viz' class="checkbox" type="checkbox" value="189.95" name="choise" />
    <a  id='cena_viz' title="189,95 Ls" value="189.95" name="choise" class="cena"></a>  
    <input class="checkbox" type="checkbox" value="189.95" name="choise" /> 
    <a class='popup' rel="popup1"></a><a title="9,95 Ls" value="9.95" name="choise" class="cena"></a>
</div>
<div> <span id="span"></span>
User total usage: <span id="usertotal"> </span>

function displayVals() {
      calcUsage();
      var singleValues = 0; //$("#more").val();         
      $("#span").html("<b>more addons:</b> " + 
                  singleValues + ' EUR<br>');
}
var $cbs = $('.checkbox');
function calcUsage() {
    var total = 0; //$("#more").val();
    $cbs.each(function() {
        if ($(this).is(":checked"))
            total = parseInt(total) + parseInt($(this).val());
    });
    $("#usertotal").text(total + ' EUR');
}

    $("select").change(displayVals);
    displayVals();
//For  checkboxes

$cbs.click(function() {
    calcUsage();
});

<div id='vizitkarte'>
 <h2>Vizītkarte</h2>
<input type="checkbox" value="189.95" name="choise">189,95</input>
<input type="checkbox" value="9.95" name="choise">9,95</input>
</div>

<div>User total usage: <span id="usertotal"> </span>

function displayVals()
{
  calcUsage();
  var singleValues = $("#more").val();         
  $("#span").html("<b>more addons:</b> " +  singleValues + ' EUR');
}
var $cbs = $('input[name="choise"]');
function calcUsage()
{
var total = 0;

$cbs.each(function() {
    if (this.checked)
    {
        total += parseInt(this.value);

    }

});
$("#usertotal").text(total + ' EUR');
}

$("select").change(displayVals);
displayVals();

//For  checkboxes 
$cbs.click(calcUsage);