【jQuery】チェックが入っているInputのvalue値を取得して出力する

[ ID : 3996 ]
シルバー
【jQuery】チェックが入っているInputのvalue値を取得して出力する

概要

チェックボックスやラジオボタンを選択する度に、チェックが入っているinputのvalue値を取得して出力する方法を紹介。

用途・要件

  • 選択したinputのvalue値を、任意のHTMLタグで整形して出力。(DEMOではspanタグで囲って出力)
  • scope内(枠線)の任意の場所に出力。
  • 同一ページへの複数設置可能。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

その他

  • jQuery v3.6.0使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録