How to print javascript value

Question

To make a long story short, I am setting up a simplecart(JS) and for multiple options I am using checkboxes. Everything works fine calculating the different options in the cart, exept I need to print the text "VAT 21% €90" or "World (Taxfree)" (depending on what has been checked) in #tax div. How can I do this?

 <script type="text/javascript">
simpleCart.tax = function(){
    if( $("#regionSelect").val() == "VAT 21% €90" ){return 90;}
    if( $("#regionSelect").val() == "World (Taxfree)" ){return 0;}
};
</script>


  <input type="checkbox" name="tax" id="regionSelect" class="item_tax" value="eu" onClick="">Eu VAT 21%
  <input type="checkbox" name="tax" id="regionSelect" class="item_tax" value="world"onClick="">World (Tax Free)   
  </dd>


<div id="tax"></div

UPDATE

Where exactly do I add this?

This only works for the later one.

    if( $("#regionSelect").val() == "eu" ){return 90;} $("#tax").html("VAT 21% €90")
    if( $("#regionSelect").val() == "world" ){return 0;} $("#tax").html("World (Taxfree)")

In reply to your update, no not quite. See my answer. You should have your html functions inside your if statements. — Jace Cotton
– Jace Cotton, Commented Sep 19, 2013 at 15:42

Jace Cotton · Accepted Answer · 2013-09-19 15:41:55Z

3

$("#regionSelect").val() will never equal VAT 21% ?90 or World (Taxfree) because you set the value of the input element in html to eu and world. What comes after the input of checkbox is not the value, just some random text that jquery will not read. Therefore, it should change to $("#regionSelect").val() == "eu" or $("#regionSelect").val() == "world" respectively.

Additionally, ids should be unique, and not duplicated. That's what classes are for. As mentioned above, the jQuery html() and text() functions are the way to go for printing text to elements.

Try this:

<script type="text/javascript">
simpleCart.tax = function(){
    if( $(".regionSelect").val() == "eu" ){return 90; $("#tax").html("EU VAT 21%");}
    if( $(".regionSelect").val() == "world" ){return 0; $("#tax").html("World (Taxfree)");}
};
</script>


<input type="checkbox" name="tax" class="item_tax regionSelect" value="eu" onClick="">Eu VAT 21%
<input type="checkbox" name="tax" class="item_tax regionSelect" value="world"onClick="">World (Tax Free)   
</dd>


<div id="tax"></div>

And also, you have a closing dd element? I'm assuming you also have an opening one as well. Otherwise that could also create problems.

answered Sep 19, 2013 at 15:41

Jace Cotton

2,0341 gold badge22 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

no0ne Over a year ago

Yes dd is in order.. thank you so much, I guess I have been awake to long to finish this one :)

no0ne Over a year ago

uups my bad.. now the value of 0 or 90 is not added to the cart

Jace Cotton Over a year ago

This may be because I removed the id of regionSelect and made it a class. Your back end cart could be set to look for #regionSelect. You could also try putting the return statement after the $("#tax").html(...)

Pranay Rana · Accepted Answer · 2013-09-19 15:25:04Z

1

Make use of html function like as below.

$("#divid").html("World (Taxfree)")

answered Sep 19, 2013 at 15:25

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

Comments

0xcaff · Accepted Answer · 2013-09-19 15:26:27Z

0

First get the div you want to add the text to. And then add it with jquery's .text() function.

$("#divtoget").text("text to set")

answered Sep 19, 2013 at 15:26

0xcaff

13.8k5 gold badges52 silver badges57 bronze badges

Collectives™ on Stack Overflow

How to print javascript value

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related