ここから本文です

HTMLで表示しているcheckboxのチェック状態を、保存ボタンを押すと保存できるよう...

xan********さん

2011/10/1513:25:41

HTMLで表示しているcheckboxのチェック状態を、保存ボタンを押すと保存できるようにしたいと考えています。

この際、画面推移することなく、保存後はそのチェック状態を保って、次の作業を行うことができるようにするには、Ajaxを使う必要があるということが分かり、コードの書き方の勉強を始めていますが、頭がすっきり整理されてない状態です。

以下のcheckboxのチェック状態をAjaxで保存する場合、どういったコードを書く必要があるのでしょうか?
今後の勉強の礎にさせて頂きたいと思いますので、よろしくお願いしますm(_ _)m
(PHPやJavaScriptの知識は初心者程度です)

*HTML
<input id="time_1" name="time[]" type="checkbox" value="morning">朝
<input id="time_2" name="time[]" type="checkbox" value="noon">昼
<input id="time_3" name="time[]" type="checkbox" value="evening">夜

閲覧数:
1,663
回答数:
1

違反報告

ベストアンサーに選ばれた回答

kon********さん

2011/10/2016:35:50

質問内容だけだと前提条件が少ないのでおっしゃってることを全部作ってくれって感じで正直ここに書くのはめんどくさいです。
なのでとりあえず考え方だけ書いて見ます。

データを保存する場所を決める。
1.cookie
2.サーバ上のファイル(データファイル or DB)


// 保存時
1.の場合
javascriptのみで実現可能です。
保存ボタンのonclickイベントでcheckboxのチェック状態をcookieへ保存する。
<input type="button" value="保存ボタン" onclick="save()" />
<script type="text/javascript">
function save(){
// timeのデータを取得して cookieへ保存する処理
}
</script>


2.の場合
保存ボタンのonclickイベントでcheckboxのチェック状態をサーバのデータファイルへ保存する。
<script type="text/javascript">
function save(){
// timeのデータを取得して ajaxを利用しサーバへデータを送信する
// ** サーバ側でデータを受信したあと保存する
}
</script>


// 次回アクセス時
1.の場合
cookieからデータを取得し該当データに応じてcheckboxへチェックを入れる(javascript処理)

2.の場合(2パターン)
-> PHPで処理する場合はajax通信時に保存したデータを抽出して該当データに応じてcheckboxへチェックを入れる(PHP処理)
-> ページ読み込み時にajaxでサーバへアクセスしてデータを取得し、取得したデータに応じてcheckboxへチェックを入れる(javascript処理)

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる