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

2024年1月16日

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

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

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

「name」値を取得する方法

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

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

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

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

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

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

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

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

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

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

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

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