调用jQuery html方法时出错

Question

调用jQuery html方法时出错

ben*_*ear 5 html javascript jquery jquery-selectors

我正在进行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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Adi*_*dil 4

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

改变

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

Run Code Online (Sandbox Code Playgroud)

到

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，7 月前
查看次数：	790 次
最近记录：	12 年，7 月前