复选框来改变字体重量不工作 - 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” 是一个字符串。