0

私はjQueryを初めて使用し、複数のラジオボタンに基づいてテキストエリアのコンテンツを更新するスクリプトを修正しようとしています。

ラジオボタン:

<input type='radio' name='color'>Red
<input type='radio' name='color'>Green
<input type='radio' name='size'>Small
<input type='radio' name='size'>Large

テキストエリアにはデフォルトのコンテンツがあります:

<textarea><a href='http://www.example.com'><img src='images/red-small.png'></a></textarea>

ファイル名の 2 つの部分を別々に更新したいと思います。vars などを更新して、テキストエリアの内容を更新することは可能ですか?

ありがとう！

4

3 に答える 3

0

はい、jQueryを使用してテキストエリアを選択し、選択したラジオボタンに基づいてテキストエリアを制御できます。

$('input[type="radio"]').change(function() {
    if($(this).val() === 'red') {
        $('textarea').css('background','red');
    } else {
        $('textarea').css('background','');
    }
});

これがあなたの質問に答えるのにより良い仕事をするjsfiddleです、私は思います：

http://jsfiddle.net/U8Fhv/1/

于 2012-12-12T15:30:03.120 に答える
0

これらの a.href と img.src がどこから来たのかわかりません。しかし、テキストエリアのコンテンツを変更する前に両方を引数として取る関数が必要な場合は、これだと思います

function settextareacontent(a,img){
 var t = $('textarea');
 var d = $('<div>');
 d.html(t.html().replace(/&lt;/g,'<').replace(/&gt;/g,'>'));
 d.children()[0].src = a;      //X
 d.children()[1].href = img;   //X
 t.html(d.html());
}

そのために正規表現を使用することもできます。しかし、テキストエリアのコンテンツが予測不可能で、正規表現を使用することがほとんど不可能である場合、上記の関数を使用して X 部分を変更し、テキストエリア内の各要素の ID を追加し、最後に jquery を使用して要素を取得して設定することができます。それらの属性値

于 2012-12-12T16:27:05.733 に答える
0

JQuery の .val() 関数を使用して、テキストエリアの内部を変更できます。

例：

$("textarea").val("テキストエリアに入れたい新しいもの"); // << セット

var original_val = $("テキストエリア").val(); // << 取得

于 2012-12-12T15:51:11.760 に答える