-2

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

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

HTML

<div id='vizitkarte'>
    <h2>Vizītkarte</h2>

    <input id='cheackbox_pam_viz' 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="" 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>

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 = $("#more").val();
    $cbs.each(function() {
        if (this.checked)
            total = parseInt(total) + parseInt(this.value);
    });
    $("#usertotal").text(total + ' EUR');
}

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

$cbs.click(calcUsage);

jsFiddle

4

2 回答 2

1

如果我了解您要做什么，那么这将“有效”。但是...我不知道应该选择什么，$("#more").val()因为没有任何具有该 ID 的 HTML 元素。所以......我做了那个0。

HTML

<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>

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();
});

JSFiddle：http: //jsfiddle.net/G2nTB/18/

于 2013-08-28T12:52:09.027 回答
0

试试这个：http: //jsfiddle.net/G2nTB/6/

HTML

<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>

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);
于 2013-08-28T12:54:54.663 回答