質問編集履歴

2 修正

退会済みユーザー

退会済みユーザー

2019/03/07 10:57  投稿

LocalStorageにラジオボタンのステータスを保持させたい
編集画面でラジオボタンのON,OFFの状態を、エラーなどでリロードしても保持したいです。
他のテキストボックスではLocalStorageを使っているので
LocalStorage内にラジオボタンのステータスを保存させてあげたいのですが
編集画面なので、新規作成からDBに保存したもの表示させるようにSmaryを使っています。
編集画面なので、遷移時は新規作成からDBに保存したもの表示させるようにSmaryを使っています。
これを、ON or OFFを切り替えて、エラーなどでリロードを表示させると
もちろん、すでにDBに保存されている状態に戻ります。
どうにかしてON/OFFを切り替えた際にLocalStorageへラジオボタンの状態を保存させ、
リロードなどしても反映されるようにしたいです。
```HTML
<div id="on_off">
 <input type="radio" name="status" value="on" {if $list.is_published == 1}checked{/if} >ON
 <input type="radio" name="status" value="off" {if $list.is_published == 0}checked{/if} >OFF
</div>
```
JSは初心者レベルなので、簡単にご教示してくださいますと助かります。。。
  • JavaScript

    37920 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    24407 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Smarty

    256 questions

    Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

1 少し変更

退会済みユーザー

退会済みユーザー

2019/03/07 10:56  投稿

LocalStorageにラジオボタンのステータスを保持させたい
編集画面でラジオボタンのON,OFFの状態を、エラーなどでリロードしても保持したいです。
他のテキストボックスではLocalStorageを使っているので
LocalStorage内にラジオボタンのステータスを保存させてあげたいのですが
編集画面なので、新規作成からDBに保存したもの表示させるようにSmaryを使っています。
これを、ON or OFFを切り替えて、エラーなどでリロードを表示させると
もちろん、すでにDBに保存されている状態に戻ります。
どうにかしてON/OFFを切り替えた際にLocalStorageへラジオボタンの状態を保存させ、
リロードなどしても反映されるようにしたいです。
```HTML
<div id="on_off">
 <input type="radio" name="release_status" value="on" {if $list.is_published == 1}checked{/if} >ON
 <input type="radio" name="release_status" value="off" {if $list.is_published == 0}checked{/if} >OFF
 <input type="radio" name="status" value="on" {if $list.is_published == 1}checked{/if} >ON
 <input type="radio" name="status" value="off" {if $list.is_published == 0}checked{/if} >OFF
</div>
```
JSは初心者レベルなので、簡単にご教示してくださいますと助かります。。。
  • JavaScript

    37920 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    24407 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Smarty

    256 questions

    Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る