Databases
StackOverflow2013
Postsdbo
POUpdate span tag value with JQuery
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdate span tag value with JQuery
    primarykey
    data
    text
    <p>I'm trying to update a span tag that is in a fieldset tag that is in a legend tag. The idea is to update the cost of a Software Item as components are selected. The code below works fine if I only have one software item (e.g. - Visual Studio 2008 Pro $2800), but if I add a second item in another fieldset, then when I try to update the span for that fieldset, it updates the span for the fieldset containing my Visual Studio Software. Any ideas what I'm doing wrong?</p> <pre><code>&lt;script language="javascript" type="text/javascript"&gt; $(document).ready(function() { $("li").click(function() { var itemCost = 0; $("legend").each(function() { var SoftwareItem = $(this).text(); itemCost = GetItemCost(SoftwareItem); $("input:checked").each(function() { var Component = $(this).next("label").text(); itemCost += GetItemCost(Component); }); $("#ItemCostSpan").text("Item Cost = $ " + itemCost); }); function GetItemCost(text) { var start = 0; start = text.lastIndexOf("$"); var textCost = text.substring(start + 1); var itemCost = parseFloat(textCost); return itemCost; } }); }); &lt;/script&gt; &lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;fieldset&gt; &lt;legend&gt;Visual Studio 2008 Pro $2800&lt;/legend&gt; &lt;ul class="AspNet-CheckBoxList-RepeatDirection-Vertical"&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="first1" /&gt; &lt;label for="CheckBoxList1_0"&gt;Software Assurance $300.00&lt;/label&gt; &lt;/li&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" value="second2" /&gt; &lt;label for="CheckBoxList1_1"&gt;Another Component $255.25&lt;/label&gt; &lt;/li&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBox1" type="checkbox" name="CheckBoxList1$1" value="second2" /&gt; &lt;label for="CheckBoxList1_1"&gt;A Second Component $15.25&lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;span id="ItemCostSpan" style="background-color:White"&gt; &lt;/span&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Visio 2008 Pro $415&lt;/legend&gt; &lt;ul class="AspNet-CheckBoxList-RepeatDirection-Vertical"&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBox2" type="checkbox" name="CheckBoxList1$0" value="first1" /&gt; &lt;label for="CheckBoxList1_0"&gt;Software Assurance $40.00&lt;/label&gt; &lt;/li&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBox3" type="checkbox" name="CheckBoxList1$1" value="second2" /&gt; &lt;label for="CheckBoxList1_1"&gt;Another Component $25.55&lt;/label&gt; &lt;/li&gt; &lt;li class="AspNet-CheckBoxList-Item"&gt; &lt;input id="CheckBox4" type="checkbox" name="CheckBoxList1$1" value="second2" /&gt; &lt;label for="CheckBoxList1_1"&gt;A Second Component $10.25&lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;span id="ItemCostSpan" style="background-color:White"&gt;&lt;/span&gt; &lt;/fieldset&gt; &lt;span id="TotalCostSpan" style="background-color:White"&gt;&lt;/span&gt; &lt;/form&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRuss Clark
    1. USRuss Clark
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUpdate span tag value with JQuery
      1. USTom Kidd
      1. VTFavorite
    2. VO
      singulars
      1. POUpdate span tag value with JQuery
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POUpdate span tag value with JQuery
      1. USPicflight
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload