読者です 読者をやめる 読者になる 読者になる

かまたま日記3

プログラミングメイン、たまに日常

jQueryはじめました

現在開発にかかわっているプロジェクトで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">さやか

JavaScript

$("[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>

JavaScript

alert( $('select[name="hoge"]').val() );  // プルダウンの値を取得

$('select[name="hoge"]').val("ほむら");  // 引数の値をプルダウンの選択状態にする

// 指定要素の値を削除する
//$('select[name="hoge"]').children('[@value="C"]').remove();  // エラー???
$('select[name="hoge"]').children('[value="C"]').remove();

まだまだ随時勉強します。