複選框來改變字體重量不工作 - Javascript

Question

我需要插入複選框到窗體中，以更改文本的字體重量在div中。

我的JavaScript如下：

function boldText(checkBox,target) { 
    if(checkBox.checked){ 
    document.getElementById("lineOne").style.fontWeight = "bold"; 
    } 
    else { 
    document.getElementById("lineOne").style.fontWeight = "normal"; 
    } 
} 

而且我的HTML像這樣：

<input type="checkbox" onclick="boldText(this,textToBold)"> 
<div id="lineOne">Change text to bold</div> 

什麼是錯在這裏。我似乎無法得到它的工作。

Answer 1

刪除目標是不確定的，因此給出了一個錯誤發送的div ID在單一quate如下

<script> 
    function boldText(checkBox,target){ if(checkBox.checked){ 
document.getElementById(target).style.fontWeight = "bold"; } 
else 
{ document.getElementById(target).style.fontWeight = "normal"; } } 
</script> 
<input type="checkbox" onclick="boldText(this,'lineOne')"> 
<div id="lineOne">Change text to bold</div> 

參考jsfiddle

Answer 2

只是刪除函數參數和textToBold目標，當你把它

Answer 3

http://jsfiddle.net/xArCc/1/
或
http://jsfiddle.net/xArCc/2/
你走了。當你打電話時，目標應該是「lineOne」。

Answer 4

改變這一行到：

<input type="checkbox" onclick="boldText(this,'textToBold')"> 

因爲 「textToBold」 是一個字符串。