Jqueryで選択中ラジオボタンのname名を取得してみた

inputタグには「name」「type」「value」等の項目があります。
今回で選択中の「name」を取得するということが必要になりました。

普段は「name」値を利用して「value」を取得したりしますが、今回は選択中の「name」値を取得するというものです。

どうやればよいかいつものごとくググって調べました。

「name」値を取得する方法

Jqueryで「name」値はどうやって取得するのか?
文法について調べてみたところ、次のような形でした。

$(要素名).attr(“name”)

attr()は、HTMLの要素を取得することができるメソッドでこれを使用すれば、該当の「name」値が取得できることがわかりました。

では、選択中の要素を指定するにはどうすればよいか?
についても調べてみました。

選択中の要素を指定する方法

選択中の要素を指定するにはどうすればよいのか?
それについて調べたところ、以下のように記述すればOKでした。
(ラジオボタンのケース)

$(“input[type=radio]:checked”).attr(“name”)

選択要素に「:checked」をつけると、選択中のラジオボタンを指定になりました。

やってみると簡単ですが、やり方がわからないからできないということが多いものです。

今回はやってみると思ったより簡単にできました。
「どうやればよいのか?」がわからないだけでした。

web関連の技術は、種類や項目が非常に多く、そのすべてを覚えることは不可能です。
そういった時はまず調べることが肝要です。
幸いにも、web関連の技術はググれば先達が記事にされています。

わからない時は調べれば解決できる。
そういったことを改めて感じました。

今回のレポートは以上です。
読んでいただいてありがとうございました。


ホームページに関するお悩み事やご相談事がございましたら私どもまでご連絡ください。 鋭意ご対応申し上げます。
ホームページのご提案もさせていただいております