jqueryとテキストの取得フォーム

質問

フォームのラジオボックスの値を文字列としてテキストボックスに入れたいと考えています。
jqueryを使ってif分岐で長いものは書けるのですがもっとスマートにかけないかと考えています。
バリューの値を取れればと思っているのですが具体的な方法が思い浮かびません。
どなたかJQUERYが得意な方がおられましたらご教授願えませんでしょうか。

宜しくお願いします。

<script>
function check1(){
$("#text1").val("Tシャツ");
}
function check2(){
$("#text1").val("ロングシャツ");
}
・
・
・

</script>

<form id="cse-search-box" action="http://google.com/cse">
<input type="hidden" name="ie" value="UTF-8" />
袖丈
<input type="radio" name="a" onclick="check1();" value="Tシャツ" >Tシャツ
<input type="radio" name="a" onclick="check2();" value="ロングシャツ" >ロングシャツ
<input type="radio" name="a" onclick="check3();" value="キャミソール" >キャミソール

パンツ
<input type="radio" name="b" onclick="check4() value="ショートパンツ" >ショートパンツ
<input type="radio" name="b" onclick="check5() value="チノパンツ" >チノパンツ
<input type="radio" name="b" onclick="check6() value="ジーンズ" >ジーンズ

<textarea id="text1" name="q" size="31" /></textarea>
<input type="submit" name="sa" value="Search" />

</form>

回答No.1

sanzero · ベストアンサー

>ラジオボックス
一般にはラジオボタン、チェックボックスですね。

HTMLとJavaScriptは見通しを良くするために記述を分けることをお勧めします。
すわなち、onclickなどは書かずに$(セレクタ).on('click', function(){});
などと書くべきです。

// name属性がaのラジオボタンのチェッ変更時
$('[name="a"]').change(function(){
//$(this).val()はチェックしたラジオボタンのvalue
$("#text1").val($(this).val());
});

動作確認していませんが、このような感じかと。

お礼

ありがとうございます。やってみます。