JavaScript

[JavaScript] チェックを消せるラジオボタン

投稿日:2016年11月4日 更新日:

クリックするとオン、オフができるラジオボタンのサンプルです。

サンプルソース

例)チェックオンのラジオボタンをクリックするとオフにする

実行サンプル

チェックオンのラジオボタンをクリックするとチェックを消すことができます。

解説

  • 選択中ラジオボタンの値を常に保持して、ラジオボタンがクリックされたらその値と比較して同じならチェックを消すことで実現しています。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

[JavaScript] フォーム部品にフォーカスをセットする

テキストボックスやラジオボタンなどのコントロールにフォーカスをセットするには、 focus()を使用します。 サンプル ...

[JavaScript] 絶対値を求める(Math.abs)

絶対値を求めるには、Math.abs()を使用します。 構文 (aの絶対値を求めてxに代入する) var x = Mat ...

[JavaScript] ウィンドウサイズ変更時に処理を行う(onResize)

ウィンドウサイズ変更時に処理を行うには、onResizeイベントハンドラを使用します。 サンプルソース 例)ウィンドウサ ...

[JavaScript] 関数をパッケージ化する

関数をパッケージ化して使うサンプルです。 同じような共通関数をパッケージ化しておくと、コードがとてもすっきりします。 サ ...

スポンサーリンク