matsukaz's blog

Agile, node.js, ruby, AWS, cocos2d-xなどなどいろいろやってます

初期値のセット

最近jQueryをよく使っているので、使い方のメモでも。
こんなHTMLに対して

<form>
テキスト:
<input type="text" name="name1" id="hoge1" /><br />

ラジオ:
選択肢1<input type="radio" name="name2" class="hoge2" value="val1" />
選択肢2<input type="radio" name="name2" class="hoge2" value="val2" /><br />

チェックボックス:
選択肢1<input type="checkbox" name="name3" class="hoge3" value="val1" />
選択肢2<input type="checkbox" name="name3" class="hoge3" value="val2" /></br />

コンボボックス:
<select id="hoge4" name="name4">
<option value="val1">値1</option>
<option value="val2">値2</option>
</select>
</form>

初期値をセットするJavascriptはこんなん。

$(document).ready(function(){
  // 初期値
  $("#hoge1").val("fuga1");
  $(".hoge2[@value=val2]").attr("checked","checked");
  $(".hoge3[@value=val2]").attr("checked","checked");
  $("#hoge4").val("val2");
});

結果はこうなります。

お手軽〜