• 締切済み

チェックボックス・テキストボックスについて

html初心者です。よろしくお願いします。 htmlで「何をやったのかを項目毎に管理したい」と考えています。以下に例です。 項目1:チェック1 項目2:チェック2     ・     ・     ・ 「項目」にはテキストボックス。<input type="text"> 項目でやるべきことが終わったら、 「チェック」にはチェックボックス。<input type="checkbox"> で管理していこうと思ったのですが、ファイルを閉じ、再びファイルを開くたびに、初期化されてしまって困っています。 htmlで解決できるのか、それとも何かの設定などで解決できるのか、他にいい方法があるのか、どのやり方でも構いません。 「項目に記入した内容」、「チェックをしたもの」についての内容を保存しておくやり方を教えて頂けないでしょうか? よろしくお願い致します。

  • HTML
  • 回答数4
  • ありがとう数2

みんなの回答

  • uriboar
  • ベストアンサー率15% (143/916)
回答No.4

ToDoリストみたいのを管理されたいということですね。 HTML単体では、チェックしたものを保存しておくということはできませんから、フリーのToDo管理ソフトをいくつか試して、質問者様の目的に合ったものを探されたほうが良いと思います。 オンラインのものでは Remember The Milk がおすすめです。 http://www.rememberthemilk.com/

回答No.3

>「項目に記入した内容」、「チェックをしたもの」についての内容を保存 もう一つ。「名前をつけて保存」を行えば保存できます。IEだと「ページ」メニューにあります。

回答No.2

何をしたいのか明確に書いて在る様なんですが、いまいちアドバイスに戸惑いを感じます。 それは、「htmlで「何をやったのかを項目毎に管理したい」」ですね。HTMLを学習したいのか、「何をやったのかを項目毎に管理したい」をしたいのか? それで、システムエンジニア的なアドバイスと、ソリューション営業(システム営業)としてアドバイスをします。 第一に、最初の目的 「何をやったのかを項目毎に管理したい」 これは「To do」管理といってすでに確立されている分野です。フリーで使えるスケジューラーや携帯電話のスケジューラー、Yahoo やGoogleのスケジューラーに付属しています。Microsoft OutLookなどのメーラーにも付いていますね。 市販のスケジュール帖(物理的な)にもついていますね。私はプロジェクト単位で仕事しているので、これを使用しています。朝のミーティングや、帰る時のシメに、その日又は次の日のやらなければならない事を、優先順位をつけて記述します。スケジュール帖は1日単位で1ページになっています。上半分がスケジュールで下半分がTO Do管理です。 なぜ細かく書いたかと言えば、仕事と密接している場合、やはりスケジュール管理ツールと一緒でないと、毎日の事ですから、記載したり、管理するだけで、時間がとられてしまいます。これに時間をかけられるのなら実は、To Do管理なんかいらないんですよね。やった事については管理は必要ないので、やらなかった事管理と言うのが本当のところです。これをいつやるか、本当にやらなければならないのか、考えたり、調整するのが本来の目的で、そこに時間をかけるべきです。よく合言葉のように言われる、ほ・れ・ん・そ・う ですね。上司や、プロジェクトに計るべき事柄が、そのTo Do管理によってあきらに記録になり、実行に移せるわけです。 これを考えたら、あなたがHTMLで作る事が、はたして本当に意義のあることなのか、疑問ですね。もしやりたいのなら、HTMLを自動で作ってくれる、ツール「IBM ビルダー」や「dreamweaver」を使うといいでしょう。またWordやEcelで作ってHTMLで保存するというやり方もあります。 特にエクセルだとチェックボックスをセルに埋め込む事ができるので(ワードでもできる)、行にやりたい事と、チェックボックスをつけて、管理する事もできますし、それをHTMLで保存すれば、携帯電話や、ブラウザから見ることも可能ですね。 第2にHTMLで保存。 これはHTAでやるのが最適ですね。保存もできます。 使うテクノロジーは、HTML, JScript, VBScript, WSH, DHTMLです。 このHTAは、HTMLで記述しますが、拡張子を sample.hta と言う感じでファイル名に拡張子”HTA ”をつけます。ビヘイビアと言うIE固有のテクノロジーを使えば、起動しているHTAからローカルに保存も可能です。 http://www.microsoft.com/japan/technet/scriptcenter/hubs/htas.mspx HTA説明 http://msdn.microsoft.com/ja-jp/library/cc392483.aspx WSHの説明 http://msdn.microsoft.com/en-us/library/ms531424(VS.85).aspx http://msdn.microsoft.com/en-us/library/ms531423(VS.85).aspx http://msdn.microsoft.com/en-us/library/ms531078(VS.85).aspx ビヘイビアの説明 このビヘイビアは通常のHTMLファイル( .html)でホームページ(Webサーバー)でも使用可能ですが、ローカルに保存すると警告がでて、保存できません。 以上ですが、もっともお勧めなのが、Yahooなどのスケジューラーを使う事。 次にエクセルを使う事。

  • kyotokyo
  • ベストアンサー率35% (27/77)
回答No.1

まず大前提としてhtml単独では設定を保存することは出来ません。 設定を保存するにはjavascriptかphpなどを使います。 ここでは簡単にできるjavascriptの話をしますが javascriptの機能の一つに、cookieと呼ばれる簡易データ保存機能があります。 これを使えば問題なく実現できます。 「js」「cookie」などのワードで検索すれば山のようにサイトが出てきますので そこを参照するのがもっとも早いでしょう。 具体的なソースとしては 1,html読み込み時にcookieからデータを保存する。 2,そのデータでhtmlを変更する。 3,変更があった場合はcookieに保存し治す というプロセスで実現できますよ。

関連するQ&A

  • チェックボックスを選択するとテキストボックスが表示

    質問失礼します。 チェックボックスが下記のようにある場合ですが、 どれかではなく複数選択で テキストボックスを表示させるにはどうしたらよいでしょうか? <input type="checkbox" name="example" value="" />テレビ ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />新聞 ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />CM ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />その他 ←チェックしたらテキストボックス表示 色々なJavaScriptを試したのですが、 どうも挙動がおかしく、クリックを続けると表示がされたりできなかったり、 という具合になります。 それぞれテキストボックスを表示させたいチェックボックスに 反映できるJavaScriptをご教示願いますでしょうか? 宜しくお願い致します。

  • チェックボックスのvalueを、テキストボックスに挿入したい

    文末のように、4つのチェックボックスと1つのテキストボックスがあります。 (1) チェックボックスのチェックに伴い各チェックボックスのvalueを そのままテキストボックスの方に転記したいです。 (2) 逆に、チェックが外れたら、該当する valueをクリアしたいです。 (3) 鉄道~航空の一つ以上にチェックが入っている間、テキストボックス自体 をreadonlyにし、手動でいじれなくしたいです。 逆に、全てのチェックが解除されている間は、自由記述可能です。 (4) チェックする前に何らかの値が入っていたら、それらは強制クリアして、 valueの方を優先したいです。 イメージとして、「鉄道」と「航空」にチェックが入ったら、テキストボックスの値は 「新幹線 在来線 ヘリコプタ ジャンボ 」となります。 現在、テキストボックスはReadOnlyです。 そして「鉄道」の方だけチェックが解除されたら、テキストボックスの値は 「ヘリコプタ ジャンボ 」となります。テキストボックスは、まだReadOnlyです。 さらに「航空」のチェックも解除されたら、テキストボックスの値は 空白「」となります。テキストボックスのReadOnlyも解除されます。 <html> <head> </head> <body> <form method="post" action="samp.php" id="query" name="query"> <input type="checkbox" class="norimono" name="norimono[]" value="新幹線 在来線 ">鉄道 <input type="checkbox" class="norimono" name="norimono[]" value="軽 セダン クーペ ">四輪車 <input type="checkbox" class="norimono" name="norimono[]" value="小型 中型 大型 ">二輪車 <input type="checkbox" class="norimono" name="norimono[]" value="ヘリコプタ ジャンボ ">航空 <input value="" size="50" type="text" name="keyword"> </form> </body> </html>

  • チェックボックスにチェックしたファイルだけをダウンロードできるようにしたい

    サーバーにpdfファイルを10個保存しています。 HTMLページでチェックボックスにチェックを入れたpdfだけを ダウンロードできるようにURL入りの返信メールを自動的に送りたい のですが、やり方がわかりません。 どなたか詳しい人がおられましたら、教えていただけますでしょうか。 一応チェックボックスの過去の回答を見たのですが見当たりません。 (全て見れたわけではないですが) チェックボックス表示までは以下のところまでできたのですが。 よろしくお願いします。 <form> <input type="checkbox" name="グループ1" value="項目1">Apdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目2">Bpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目3">Cpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目4">Dpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目5">Epdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目6">Fpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目7">Gpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目8">Hpdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目9">Ipdf<br><br><br><br> <input type="checkbox" name="グループ1" value="項目10">Jpdf<br><br><br><br> </form>

  • テキストボックスのlength>0の間、常にチェックボックスをオフにしたい

    HTMLフォームで、以下のようにチェックボックスとテキストボックス if (テキストボックスのlength > 0 )が真である間は 常にチェックボックスをオフに、 if (テキストボックスのlength > 0 )が偽である間は 常にチェックボックスをオンとするよう、常に監視したいです。 これをjavascriptで実現する方法について、ご教示よろしくお願いします。 <html> <head> </head> <body> <form name="0" id="0"> <input type="checkbox" name="1" id="1" checked> <input type="text" name="2" id="2"> </form> </body> </html>

  • 複数のチェックボックスをチェックしたい

    質問させてください。 複数のチェックボックスを項目別に全てチェックするようなjqueryの書き方をご教授いただきたいです。 <table> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />a</li> <li><input type="checkbox" name="" value="" />b</li> <li><input type="checkbox" name="" value="" />c</li> <li><input type="checkbox" name="" value="" />d</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />e</li> <li><input type="checkbox" name="" value="" />f</li> <li><input type="checkbox" name="" value="" />g</li> <li><input type="checkbox" name="" value="" />h</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />i</li> <li><input type="checkbox" name="" value="" />j</li> <li><input type="checkbox" name="" value="" />k</li> <li><input type="checkbox" name="" value="" />l</li> </td> </tr> </table> 上記のようにそれぞれの項目に「まとめてチェック」のチェックボックスがあり、 そこに該当するチェック項目は全てチェックorチェックを外す っという挙動の実装を考えています。 jqueryでやりたいのですが、javascript、jqueryがかなり苦手でいまいちいきません。 ググって $(function(){ $('#all').click(function(){ if(this.checked){ $('#check input').attr('checked','checked'); }else{ $('#check input').removeAttr('checked'); } }); }); このソースを見つけたのですが、これだと一つの項目でしか実装できず 項目分このjqueryを書くのも余り良い書き方だと思えません。 どなたか、ご教授お願いいたします。

  • チェックボックスの全選択

    <input type="checkbox" name="chk" value=1> <input type="checkbox" name="chk" value=2> <input type="checkbox" name="chk" value=3> <input type="checkbox" name="chk" value=4> <input type="checkbox" name="chk" value=5> このように同一名称のチェックボックスに対して ボタンを押下された時全てのチェックボックスを チェックするJavaScriptの 書き方を教えて貰えないでしょうか

  • チェックボックスとテキストの受け渡し

    やりたい事は20件位の表示の中から納品書を印刷する為に選択し数量変更をして 確認画面をだしたいのですが... チェックボックスのチェックされているデーター、テキストボックスのデーター 両方ともデーターを受け取る事はできたのですが、チェックボックスはチェックされているデーターだけで、テキストボックスは最初から、全く別のレコードのデーターが入ってしまいます。どうしたらチェックされたレコードのテキストを受け取れるか教えて下さい。 sentaku.asp <input type="checkbox" name="chk" value="<%=RS.fields("注文番号")%>"> <INPUT size="10" type="text" name="su" maxlength="10" value="<%=RS.fields("注文残")%>"> kakunin.asp <% For i = 1 To Request.Form("chk").Count chuno1 = Request.Form("chk")(i) nousu1 = Request.Form("su")(i) next %>

  • チェックボックスをチェックする

    <input id="checkbox1" type="checkbox">AAA というチェックボックスがあります。これをチェックして、チェックした状態にHTMLを書き換えたいのですが、JavaScriptでできますか?

  • チェックボックスの表示・非表示 動作

    はじめまして。 初めて掲示板を利用させていただきます。javascriptを勉強しまだ日が浅いのでご存知の方がいらっしゃれば教えてください。 今、チェックボックスを選択し選択した項目がアクティブになるようにしたいのですが、選択項目が重複すると以下のようになってしまいました。 A+AB=AB A+AB+E=ABE 個々までは問題なし。 既に全てのチェックが付いた上体で、ABCE-A=BCE となってしまい、 ABのチェックが入っていても、Aが消えてしまいます。 以下に現在のコードを張ります。 <script type='text/javascript'> <!-- function fchk2(obj, name) { var frm=obj.form; if(obj.checked==true) { /* チェックボックスが選択されている場合は、   テキストボックスを有効化(false)*/ for(var i=1; i<=3; i++){ frm.elements[name+i].disabled=false; } } else { for(var i=1; i<=3; i++){ /* 無効化する前に、入力値をクリア */ if(name=='t'){ /* テキストボックスの場合 */ frm.elements[name+i].value=''; }else{ /* チェックボックスの場合 */ frm.elements[name+i].checked=false; } /* 無効化(true) */ frm.elements[name+i].disabled=true; } } } //--> </script> <form name='form2' action='#'> <input type='checkbox' name='chk1' value='1' onclick='fchk2(this,"t")' checked>A<br> <input type='checkbox' name='chk1' value='1' onclick='fchk2(this,"t");fchk2(this,"b");' checked>AとB<br> <input type='checkbox' name='chk1' value='1' onclick='fchk2(this,"t");fchk2(this,"e");' checked>AとE<br> <input type='checkbox' name='chk2' value='1' onclick='fchk2(this,"c");fchk2(this,"e");' checked>CとE<br> <br> A<input type='text' name='t1' value='テキストA'><br> A<input type='text' name='t2' value='テキストB'><br> A<input type='text' name='t3' value='テキストC'><br> <br> B<input type='text' name='b1' value='テキストA'><br> B<input type='text' name='b2' value='テキストB'><br> B<input type='text' name='b3' value='テキストC'><br> <br> <input type='checkbox' name='c1' value='1'> 選択肢C<br> <input type='checkbox' name='c2' value='1'> 選択肢C<br> <input type='checkbox' name='c3' value='1'> 選択肢C<br> <br> <input type='checkbox' name='e1' value='1'> 選択肢E<br> <input type='checkbox' name='e2' value='1'> 選択肢E<br> <input type='checkbox' name='e3' value='1'> 選択肢E </form> よろしくお願いいたします。

  • 複数のチェックボックス項目があり、そのチェック状態によって

    複数のチェックボックス項目があり、そのチェック状態によって 処理を分岐したいのですが、スマートなjavascriptの書き方が あれば教えてください! 【例】 <input type="checkbox" name="koumokuA" value="A1" /> <input type="checkbox" name="koumokuA" value="A2" /> <input type="checkbox" name="koumokuA" value="A3" /> <input type="checkbox" name="koumokuA" value="A4" /> <input type="checkbox" name="koumokuA" value="A5" /> <input type="checkbox" name="koumokuB" value="B1" /> <input type="checkbox" name="koumokuB" value="B2" /> <input type="checkbox" name="koumokuB" value="B3" /> <input type="checkbox" name="koumokuB" value="B4" /> <input type="checkbox" name="koumokuC" value="C1" /> <input type="checkbox" name="koumokuC" value="C2" /> <input type="checkbox" name="koumokuC" value="C3" /> <input type="checkbox" name="koumokuC" value="C4" /> もし【koumokuA】のA2とA3、【koumokuB】のB1とB4が選択された場合 同項目ではor条件、他項目ではand条件で処理したいので 考え方としては、 if(koumokuA=="A2" || koumokuA=="A3"){ if(koumokuB=="B1" || koumokuB=="B4"){ 実行内容 } } こんな感じなのですが、 実際にはチェックボックスの値は配列になるのでこのスクリプトでは動かない点と 効率よく複数のチェックボックスの選択結果を判定して、スクリプトを実行する 組み方があればご教授ください。 実行結果は、データが格納された配列の中から、選択項目に対応したデータを 表示するようにしたいのです。 よろしくお願いします。

専門家に質問してみよう