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，如下所示

 <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”是一个字符串。

复选框更改字体粗细不起作用 - Javascript

4 个答案: