jQueryでradioボタンが変更された時のイベント処理 html <input name="test" type="radio" value="on" />on <input name="test" type="radio" value="off" />off jquery $( 'input[name="test"]:radio' ).change( function() { alert( $( this ).val()); // valueを表示 });
jQueryでradioボタンが変更された時のイベント処理
jQueryでradioボタンが変更された時のイベント処理 html <input name="test" type="radio" value="on" />on <input name="test" type="radio" value="off" />off jquery $( 'input[name="test"]:radio' ).change( function() { alert( $( this ).val()); // valueを表示 });
【jQuery】ラジオボタンの値の取得 at softelメモ
ラジオボタンのセレクタの書き方は次のようになる。 $('input[type="radio"]') //素直にtype属性がradioの要素 $('input:radio') //こんな書き方もできる（すべてのラジオボタン。 :radio や *:radio も同じ。） $('#container input:radio') //ある要素の中のinput type="radio" ラジオボタンで今チェックされている要素の取得は :checked をつければよい。 $('#container input:radio:checked') 値の取得は val で。 $('#container input:radio:checked').val() 動作例 ある要素の中にあるラジオボタンで、nameがtestで、チェックされているものの値（value）をalertで表示する。
jQueryを高速化する！いろいろなセレクタの書き方を検証してみた | アルパカの具
先日、仕事で作成しているページの動作が異様に重くなってしまいました。 そのページはjQueryをふんだんに盛り込んでUIをグリグリしているのですが、そのjQueryが重たい様子。 なのでjQueryのチューニングを初めて本気でやってみました。 その前に jQueryの高速化には、最新バージョンを使用する、jsファイルを圧縮する等々いろいろあるのですが、今回はセレクタに観点を絞って検証してみます。 検証する環境は以下のとおりです。 jQueryのバージョン：1.5.1（2011/3/6時点の最新バージョン） ブラウザ：Firefox3.6.15 検証方法 いろいろなパターンのセレクタを10000回ずつループさせます。 それに掛かる時間をFirefoxのアドオンFirebugのconsole APIを使用して計測します。 $(function()){ /* console.time
ひでしずのめも jqueryのセレクタで name属性を使う
セレクタが便利そうなので、jqueryを使ってみました。 elementを選択するには、 id : $("#idname") class : $(".classname") tag : $("tagname") なんてのが使える 他にも便利なセレクタがありますが、名前でも選択が可能です。 以下のように書けばいいです。 $("*[name=target]") これって・・・「name」属性が"target"のものを取得するということになります。 てことは、別に、nameじゃなくても、idでも、classでも、hrefでもlangとかでも出来るらしい。 って、ただ単に、cssの セレクタ の記述方法だけど(笑) 正規表現でマッチとかもそのうちできたらいいのになぁ～ ...cssが対応すれば出来るかも?? 先は長そうな気がする(笑)
jQuery [name=”text”]や[href=”text”]（セレクタ属性）を使用した要素の操作方法 | Stronghold Archive
どうもこんにちは。今回は…【[name=XXX]（セレクタ属性）を使用した要素の操作方法】に関する記事です。a[name=”text”]、a[href=”text”]、input[name=”text”]の用なセレクタを使った操作は地味に使えたりするので、メモ程度に書きたいと思います。 Outline 基本的にはCSSで使うセレクタと同様です。 上のように属性を指定するとanimateやcss等の操作が実行できます。 HTML <a name="link">name="link"</a> <a alt="link">alt="link"</a> <input type="text" name="input" value="input" > $(function(){ $(‘a[name=link]’).css({‘font-size’:’60px’}); $(‘a[alt=link]’).
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
