5

我第一次涉足 javascript + jQuery，设计了一个简单的页面但遇到了错误，我确信这很愚蠢，但我已经多次查看代码并且无法发现它。

我收到的错误如下：

错误图片

整个代码如下（我已将动态更改'#' + elementname + 'perc'为字符串并且我得到了相同的错误），任何人都可以提供任何见解吗？

<DOCTYPE html>
<html>
    <head>
        <script src="js/jquery.js"></script>
        <!--<script src="js/dealercalc.js"></script>-->
        <script type="text/javascript">

$(document).ready(function(){
  $(".val-adjust").click(function(){
    var name = $(this).attr('name');
    var bit = $(this).attr('value');

    setvalue(name,bit);

    //discountbits['basic'] = false;
    //$("#basedisper").text(discountlist['basic']);
  });
  $("#basdisyes").click(function(){
    discountbits['basic'] = true;
    //$("#test1").html("<b>Hello world!</b>");
  });
  $("#btn3").click(function(){
    $("#test3").val(gettotal());
  });
}
);

function getpercbypurc(value){
    return 0;
};

function setvalue(elementname,yesno){
    discountbits[elementname] = yesno;
    if (yesno) {
        $("#basicperc").hmtl(discountlist[elementname] + "%");
    } else {
        $('#' + elementname + 'perc').hmtl("0%");
    }
};

function gettotal() {
    var total = 0;

    for (var i=0; i<keys.length; i++){
        if (discountbits[keys[i]] = true) {
            total += discountlist[keys[i]];
        }
    }

    return total;
};

function displaytotal(){
    $('#totalper').html(gettotal());
};

var keys = ['basic', 'marketing'];

var discountlist = {
    basic:20,
    marketing:2
};

var discountbits = {
    basic:true,
    marketing:false
};





        </script>
    </head>

    <body>

        Base Discount<br>
        <button class="val-adjust" name="basic" value="false">No</button>
        <button class="val-adjust" name="basic" value="true">Yes</button>
        <span id="basicperc">0</span>
        <br>
        <br>

        Marketing Plan<br>
        <button class="val-adjust" name="marketing" value="false">No</button>
        <button class="val-adjust" name="marketing" value="true">Yes</button>
        <span id="marketingperc">0</span>
        <br>
        <br>

        Total<br>
        <span id="totalper">0</span>
    </body>
</html>
4

4 回答 4

4

你的拼写错误html，hmlt应该是html

改变

$("#basicperc").hmtl(discountlist[elementname] + "%");

至

$("#basicperc").html(discountlist[elementname] + "%");
于 2013-03-27T11:29:21.490 回答
4

你有错字

$("#basicperc").hmtl(discountlist[elementname] + "%");
         //-----^^^^---here

应该

$("#basicperc").html(discountlist[elementname] + "%");
于 2013-03-27T11:29:25.713 回答
4

你打错了，它是 html 而不是 hmtl :)

于 2013-03-27T11:29:44.340 回答
3

很明显的错别字。它是 html，而不是 hmtl ！

于 2013-03-27T11:29:26.940 回答