- 締切済み
チェックを入れることにより増えるテーブル
お世話になります。 初心者でホームページ関連の質問なのですが、 ページAにチェックボックスが複数例えば1,2,3,4,5があるとして ページBにページAでチェックが入るのと1であれば1に対応したテーブルが表示できるようにしたいです。 ちなみに複数ある場合は上から1、2、5みたいに詰めて表示できればと思います。 ちょっと意味不明かもしれませんが、方法がわかる方いたらお願いいたします。
- みんなの回答 （6）
- 専門家の回答
みんなの回答
- Taiyonoshizuku
- ベストアンサー率37% (183/489)
＞それもよろしければ教えていただだければ助かります。どこなら教えていただけますか？ 初心者に教えてくれるのは教室とかじゃない？ 無料で1から教えてくれるところなんてないよ。 自分で本とか、基礎を教えてくれているサイト探せば？
- sanzero
- ベストアンサー率56% (58/102)
「増える」は大変なので「非表示・表示を切り替える」とします。 詳しくは解説しません。 以下のpageAをpageA.html, pageBをpageB.htmlとutf8で保存してブラウザで確認してみてください。 （メモ帳ではないテキストエディタを使いましょう） ページA <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ページA</title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function(){ $("[type='checkbox']").change(function(){ $("[type='checkbox']").each(function(){ sessionStorage.setItem($(this).attr("name"), $(this).prop("checked").toString()); }); }); }); </script> </head> <body> <input type="checkbox" name="table1" value="1">テーブル1<br> <input type="checkbox" name="table2" value="2">テーブル2<br> <input type="checkbox" name="table3" value="3">テーブル3<br> <hr> <a href="pageB.html">pageB</a> </body> </html> --------------------------- ページB <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ページB</title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function(){ $("table").each(function(){ var checked = sessionStorage.getItem($(this).attr("id")) || 'false'; if(checked === 'true') { $(this).show(); } else { $(this).hide(); } }); }); </script> </head> <body> <table id="table1"><tr><td>table1</td></tr></table> <table id="table2"><tr><td>table2</td></tr></table> <table id="table3"><tr><td>table3</td></tr></table> <hr> <a href="pageA.html">pageA</a> </body> </html>
お礼
ありがとうございます。 参考にさせていただきます。
- tkmojo
- ベストアンサー率50% (105/207)
jQueryで実現できます。 http://kachibito.net/snippets/if-checked-show-box jQueryと言うのはjavascriptを簡単に実装するためのライブラリ集みたいなものです。 使ってみれば思いのほか簡単。 使い方は検索してください。
お礼
ありがとうございます。ただこれだと別ページではできなかったので・・・
- kamikami30
- ベストアンサー率24% (812/3335)
初心者というのは日本語の初心者ですか？ >ページAにチェックボックスが複数例えば1,2,3,4,5があるとして -----------ページA------------ □1 □2 □3 □4 □5 ↑こういうことですかね？こちらはわかります。 >ページBに はい。新たなページBの話ですね。 >ページAでチェックが入るのと1であれば ？？どういう意味？ ページAのチェックボックスでチェックをすると？ 例えばそのチェックしたものが１であれば？かな～ >1に対応したテーブルが表示できるようにしたいです。 1に対応したテーブルね～ 予めチェックボックスと対となるテーブルパターンが用意してあるってこと？ 突然対応したテーブルと言われてもね ページAとページBはどういう関係？ ページAのチェックボックスをチェックするとページBに遷移するの？ ページAのチェックボックスをチェックすると別窓でページBが開きそこにチェックボックスと対になったテーブルが表示されればいいの？ そもそも、チェックボックスにチェックした後に、ボタン押したりしたい？書いてないけど。 かなり意味不明でしたが、予想と疑問はこんなところです。 方法は、JavaScriptを利用する。PHPやCGI等を利用する。 HTMLはね。HyperText Markup Language 文字を装飾したり目印つける言語なんですよ。 だから、HTMLは表示だけ。処理はしない。 つまり、ページ上で何をしても変わることはないんです。 JavaScriptやPHP等を使う必要があるので、HTMLの基本は当然理解していてという話になりますね。 HTML→JavaScript→PHP それぞれ勉強するのが方法だと思います。
お礼
方法論はわかります。mysqlとphpを使えば・・・だた他で出来る方法を探しています。
- Taiyonoshizuku
- ベストアンサー率37% (183/489)
基本的にはサーバ側の処理を併用することになるかな。 やりたいこともわかるし、やり方もわかるけど、初心者にここで伝えるには限界がある。
お礼
ありがとうございます。おそらくmysqlとphpを使ってということですよね。それもよろしければ教えていただだければ助かります。どこなら教えていただけますか？
- aokii
- ベストアンサー率23% (5210/22062)
エクセルでテーブルに名前を付けて、プルダウンリストを作ってみてください。
お礼
ありがとうございます。 ホームページです！
お礼
はーい。どーも