Javascript 按钮，用于在单击时切换文本区域中的字体大小

我试图做一个按钮，当它被点击时，将字体的重量更改为粗体，然后当它被取消点击时，再次恢复正常。但困难的是，我只希望他们单击粗体按钮的文本区域的部分被粗体显示，所以我不希望所有的文本区域都被粗体显示。我试着让所有的文本区域一开始都是粗体的，但不起作用。我相信这可能真的很容易，但我想不出来。我会把我的代码放在下面，谢谢你的时间

<button class="changeButton" id="bold"><strong>Bold</strong></button>
<textarea class="textdoc" name="textdoc"></div>

PS：这显然不是我所有的代码，如果你认为我需要发布所有的代码，注释会告诉我，但是我认为这个问题可以用我这里的代码来解决。

.toggleClass（'.boldClass'）

应该没有

像

.toggleClass（'boldClass'）

此外，您还缺少一个结束语
（而不是
）。

下面是一个例子：


$（文档）.ready（函数（）{
$（'#粗体'）。单击（函数（）{
$（'.textdoc'）.toggleClass（'boldClass'）；
});
});
.boldClass{
字体大小：粗体；
}

粗体
测试
我只希望他们单击加粗按钮的文本区域部分加粗
请更精确地描述这部分内容。你是说文本选择吗？你的按钮上有一个单词，他们怎么能单击它的不同部分？你是说字母？我不是那个意思。我的意思是我只希望文本区域的某些部分bolded@Joshua某些部分？请解释一下。。。。随机的？“确定”是什么意思？您也可以使用带有设计模式的iframe来执行此操作。
$(document).ready(function(){
    $('#bold').click(function(){
        $('.textdoc').toggleClass('.boldClass');
    });
});