HTML 和 Javascript 按钮使文本区域中的文本变为粗体和非粗体，可能使用 JQuery？答案

【问题标题】：HTML and Javascript button to make text in a textarea bold and unbold, Possibly using JQuery?HTML 和 Javascript 按钮使文本区域中的文本变为粗体和非粗体，可能使用 JQuery？
【发布时间】：2013-02-11 00:43:44
【问题描述】：

我目前有一个按钮，可以将它使用的 textarea 中的文本变为粗体

<a href="#" class="stylingButtons" type="button" onclick="boldTextArea()" value="Bold Text"}>
 <img alt='Bold Button' src='BButton.gif' border='4' width="90px" >
</a>

对于 HTML 部分和

function boldTextArea(){
document.getElementById("TextArea").style.fontWeight="bolder";;
}

对于javascript

无论如何我可以编辑此编码，以便一旦文本区域中的文本已经是粗体，我可以再次单击以使其变为非粗体？我真的不热衷于使用 jQuery，因为我从来没有使用过它，但我愿意接受这种格式的建议？

【问题讨论】：

标签： javascript jquery html formatting textarea

【解决方案1】：

如果你不想使用 jquery，这里有一个 quick'n'dirty javascript

function boldText(){
    var target = document.getElementById("TextArea");
    if( target.style.fontWeight == "bolder" ) {
        target.style.fontWeight = "normal";
    } else {
        target.style.fontWeight = "bolder";
    }
}

应该可以正常工作。我猜这是从粗体切换到正常并返回的基本方式。

还要注意双“;”在你的 JS 中。

希望这会有所帮助。

g.r.王牌

更新

这里是在每次点击时更改（切换）文本大小（或任何其他 css 属性）的 jQuery 版本..

$("#textboxid").click( function(e) {
    if( $(this).css("font-size") == "12px" ) {
        $(this).css("font-size", "14px")
    } else {
        $(this).css("font-size", "12px")
    }
});

如果您想更改任何其他属性，请将 css 属性替换为您喜欢的。

【讨论】：

请你编辑你的编码，所以它是 jquery 而不是 javascript
我正在寻找文本大小而不是粗体
另外你应该更具体，你说你想加粗和取消加粗文本......

【解决方案2】：

我刚刚在我的网站上做了这个，并在这里找到了答案：

Press button to "Bold" & press again to "Unbold"

希望这会有所帮助。

【讨论】：