0

現在、使用するテキストエリアのテキストを太字にするボタンがあります

<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 を使用した経験がないので、jQuery を使用するという考えにはあまり熱心ではありませんが、この形式での提案は受け付けていますか?

4

2 に答える 2

1

jquery を使用したくない場合は、ここにクイック&ダーティJavaScriptがあります

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

うまくいくはずです。これは、太字から通常に、また元に戻す基本的な方法です。

DOUBLE ";" にも注意してください。あなたのJSで。

お役に立てれば。

grエース


アップデート

これは、クリックするたびにテキストサイズ(またはその他のcss属性)を変更(トグル)するjQueryバージョンです..

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

他の属性を変更する場合は、css 属性を yout likes に置き換えます。

于 2013-02-11T00:55:39.420 に答える
0

私は自分のサイトでこれを行ったところ、ここで答えを見つけました:

ボタンを押して「太字」にし、もう一度押すと「太字解除」

お役に立てれば。

于 2013-02-11T00:47:35.707 に答える