更改字体大小的复选框不起作用-Javascript

Checkbox to change font weight not working - Javascript

本文关键字：复选框 不起作用 -Javascript 字体      更新时间：2023-09-26

我需要在表单中插入一个复选框来更改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>

这里出了什么问题。我似乎无法让它发挥作用。

删除目标-它是未定义的，因此它在单个quate中给出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

只需在函数参数中删除目标，并在调用它时将其textToBold

http://jsfiddle.net/xArCc/1/
或
http://jsfiddle.net/xArCc/2/
给你。当你打电话时，目标应该是"lineOne"。

将此行更改为：

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

因为"textToBold"是一个字符串。

相关文章：