admin管理员组

文章数量:1345292

I am making my first foray into javascript + jQuery, designing a simple page but encountering errors, I'm sure it's something silly but I've been over the code several times and can't spot it.

The error I receive is below:

The entire code is below (I've changed the dynamic '#' + elementname + 'perc' to a string and I get the same error), can anyone offer any insight?

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

I am making my first foray into javascript + jQuery, designing a simple page but encountering errors, I'm sure it's something silly but I've been over the code several times and can't spot it.

The error I receive is below:

The entire code is below (I've changed the dynamic '#' + elementname + 'perc' to a string and I get the same error), can anyone offer any insight?

<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>
  • javascript
  • jquery
  • html
  • jquery-selectors
Share Improve this question asked Mar 27, 2013 at 11:27 bendataclearbendataclear 3,8474 gold badges34 silver badges57 bronze badges 2
  • 3 It's .html(), not .hmtl(). – JJJ Commented Mar 27, 2013 at 11:28
  • Wow, thanks guys, embarrassing! – bendataclear Commented Mar 27, 2013 at 11:33
Add a ment  | 

4 Answers 4

Reset to default 4

You have wrong spelling for html, hmlt should be html

Change

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

To

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

you have a typo

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

should be 

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

you've made a typo, it's html not hmtl :)

Very obvious typo. It's html, not hmtl !

本文标签： javascriptError when calling jQuery html methodStack Overflow

版权声明：本文标题：javascript - Error when calling jQuery html method - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743777729a2537289.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。