現在開発にかかわっているプロジェクトでjQueryを使い始めました。
生のJavaScriptでdocument.form.〜と書くより
コードがすっきりして見通しがよくなった感じです。
いろいろ試しているのでそのメモを
今回利用しているのはjquery-1.5.2.min.jsです。
- ラジオボタン関係
HTML
<input type="radio" name="hoge" value="A">まどか <input type="radio" name="hoge" value="B">ほむら <input type="radio" name="hoge" value="C">さやか
$("[name='hoge']").get(i).click(); // i番目の要素をクリックする $(function() { $("[name='hoge']").click(function(){ alert( $("[name='hoge']").index(this) ); // 現在チェックしているのが何番目の要素かを取得する alert( $("[name='hoge']:radio:checked").val() ); // 現在チェックしている要素のVALUEを取得する }); });
- プルダウン関係
HTML
<select name="hoge"> <OPTION VALUE="A">まどか</option> <OPTION VALUE="B">ほむら</option> <OPTION VALUE="C">さやか</option> </select>
alert( $('select[name="hoge"]').val() ); // プルダウンの値を取得 $('select[name="hoge"]').val("ほむら"); // 引数の値をプルダウンの選択状態にする // 指定要素の値を削除する //$('select[name="hoge"]').children('[@value="C"]').remove(); // エラー??? $('select[name="hoge"]').children('[value="C"]').remove();
まだまだ随時勉強します。