使用JavaScript將值添加到HTML標籤或文本字段

Question

我需要另一個幫助。我可以添加和減去「文本框」字段，但不能添加到「標籤」或「文本」字段。我想改變我的複選框的文本基礎的價值。下面是我的代碼。

<div style="margin-bottom:10px;"> 
<label>CPV (RM)<strong style="margin-left:100px; color:red;" id="CPV">0.05</strong></label> 
    <label>CPC (RM)<strong style="margin-left:100px; color:red;" id="CPC">0.55</strong></label> 
    <input type="text" name="CPV"/> 
    </div> 

    <div style="margin-bottom:10px;"> 
    <label style="float:left;">Ad Targeting</label> 
    <div id="ad-target-button" style="margin-left:85px;" onclick="toggle()"> 
    <input type="checkbox" checked="checked" value="On" name="adtarget" id="adtarget_check"> 
    </div> 
    </div> 

    <div class="row-fluid"> 
    <label style="float:left; margin-top:5px;">Target Gender</label> 
    <div style="display:block;"> 
    <label class="checkbox inline"> 
    <input type="checkbox" value="male" id="gender_male" name="gender[]" class="gender" onclick='add(922.63, this);'/>Male 
    </label> 
    <label class="checkbox inline"><input type="checkbox" value="female" id="gender_female" name="gender[]" class="gender" onclick='add(400.3, this);/>Female 
    </label> 
    </div> 
    </div> 

這裏的JavaScript函數來計算......

function correctNumber(number) { 
    return (parseFloat(number.toPrecision(12))); 
} 

function add(total, this_chk_bx) { 
    var CPV = (page3.CPV.value * 1); 
    var total = total * 1; 

    if (this_chk_bx.checked == true) { 
     //add if its checked 
     page3.CPV.value = correctNumber(CPV + total); 
     $('#CPV').text(val) = correctNumber(CPV + total); 
    } else { 
     //subtract if its unchecked 
     page3.CPV.value = correctNumber(CPV - total); 
     $('#CPV').text(val) = correctNumber(CPV - total); 
    } 
} 

我已經從中得到的jsfiddle代碼：http://jsfiddle.net/kHxmG/5/ 但我不希望它顯示在文本框中的值。我希望它在<label>中顯示。

Answer 1

您的編號#CPV不是標籤。 strong-Tag沒有方法.text（），所以你不能添加這樣的文本。

可以更改標籤的文本是這樣的：

document.getElementById('myLabel').innerHTML = sum; 

工作小提琴：http://jsfiddle.net/kHxmG/19/