• 締切済み

ボタンオブジェクトをページ読み込み時の状態に戻す

いつも大変お世話になってます。 JavaScriptを使って、フォームのボタンオブジェクトをページを読み込んだときの状態に戻すことは可能でしょうか? reset()を使ってみたのですが、テキストオブジェクトの内容は元に戻っても、ボタンオブジェクトのvalueやdisabledなんかは戻ってくれません。 ボタンは１つずつ初期状態を設定していくしかないのでしょうか？ ご存知の方お知恵を貸してください。

みんなの回答

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.1

ボタンのラベルや状態まで一度に戻すメソッドはないと思います。 １つ１つやるのがどうしても面倒なら location.reload() という手もありますが、さすがに本当に再読み込みするのはどうかなと。

yurikoxxxx
質問者

お礼

そうですか。残念です(悲) １つ１つ設定します。 ありがとうございまいした。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Resetオブジェクトについて

    いつも大変お世話になっております。 早速なのですが、 Resetオブジェクトを使って画面のクリア（初期状態に 戻す）の処理を行っています。 画面中の"radio"ボタンでselectの入力を制御している のですが、Resetで入力された内容をクリアすると、 selectメニューが選択できないままになります。 （selectメニューは"disabled"で入力制御してます） radioのイベントは"onClick"、"onChange"と両方試した のですが、どちらのイベントも発生していない様子です。 そこで質問です。 (1)Resetオブジェクトではイベントは発生しないのでしょうか？ (2)イベントが発生しない場合、他に入力制御を行う方法はありのでしょうか？ よろしくお願いします。

  • リセットボタンでクリアできない（初期の状態に戻らない）のですが・・・

    宜しくお願いします。 フォームの入力チェックで、「ある項目(ラジオボタン)を選択した場合、次のテキストボックスを入力不可にする」という動きをjavascriptでさせています。 しかし、フォームのリセットボタンをクリックした際に、選択したラジオボタンはクリアできるのですが、テキストボックスの状態をクリアすることが出来ません。 ちなみに、動きの詳細は以下の通りです。 1.ラジオボタン「ケースA」を選択すると… 2.テキストボックスが入力不可となり、テキストボックスの背景色がグレーになる 3.「ケースB」「ケースC」を選択すると入力可でテキストボックス背景色は赤になる 4.いずれかを選択した状態でリセットボタンをクリックすると… 5.ラジオボタンはリセットされるが、背景色は残ったまま 6.リセットボタンを再度クリックすると、テキストボックスは全てがクリアされた状態（入力可・背景色白）に戻る このような感じです。 現在のソースは以下の通りですが、どのようにしたらよいでしょうか？ （javascriptは得手では無いので、本来ならもっと簡略できるのかもしれませんが、ご了承ください。m(__)m） [JAVASCRIPTソース] function DisAble() { 　if(document.input.case[0].checked == true ) { 　　document.input.text1.disabled = true; 　　document.input.text1.style.backgroundColor='#cccccc'; 　　return false; 　} else if ((document.input.case[1].checked == true ) || (document.input.case[2].checked == true )){ 　　document.input.text1.disabled = false; 　　document.input.text1.style.backgroundColor='#ff0000'; 　　return false; 　} else {　// リセットボタンを2回クリックするとようやく以下の設定になる。 　　document.input.text1.disabled = false; 　　document.input.text1.style.backgroundColor='#ffffff'; 　　return false; 　} } [HTMLソース] <body> 　<form name="form1"> 　<!-- ラジオボタン --> 　　<input type="radio" name="case" value="A" onClick="DisAble()">ケースA（入力不可） 　　<input type="radio" name="case" value="B" onClick="DisAble()">ケースB（入力可） 　　<input type="radio" name="case" value="C" onClick="DisAble()">ケースC（入力可） 　　 　　<!-- テキストボックス --> 　　<input type="text" name="text1"> 　　<!-- 送信・リセットボタン --> 　　<input type="submit" value="送信"> 　　<input type="reset" value="リセット" onClick="DisAble()"> 　</form> </body> 以上です。分かりづらい説明で申し訳ございませんが、どなたか、どうぞお知恵をお願いいたします。

  • フォームを最初から選択状態で表示

    テキストフォームにvalueでテキストを表示しています そのテキストをページが表示されたとき、すでに選択状態になっているようにしたいのですが、 どうすればいいでしょうか？ JavaScriptについて 少ししか知識がなく、わからないです よろしくお願いします

  • ボタンを動的にdisabledさせたいのですが

    お世話になります。 ある画面に複数ボタンがあって 押されたボタンをdisabledにしたいなと思っています。 ただしどのボタンがおされても同じ関数に飛んでほしいのですが いまいち解決できません。 <form name="form"> <input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge()"> <input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge()"> <input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge()"> </form > とあった場合 function hogehoge(){ document.form.ボタンの名前.disabled=true; } としたいのですが 名前の部分は動的に変えることは可能なのでしょうか？ 普通に document.form.syori1.disabled=true; と書けば簡単なのですが、ボタンの数が決まっていないためボタン名を指定して書くことはできません。 ボタン名は onClick="javascript:hogehoge(document.form.ボタンの名前.name)" で、送ることができるのは確認したのですが hogehoge(ボタンの名前) の方でどうやってdisabledのところに入れればいいか解りません。 よろしくお願い致します。

  • フォーム上にある、オブジェクトの初期化

    行いたい処理は次のような処理です。 1.フォームに”クリア”ボタンを配置 2.１が押された時、フォーム上のテキストボックス、コンボボックス、チェ　ックボックスが初期化される そこで、質問です。フォーム上にあるオブジェクトは60近くあるので１つ１つのオブジェクトに　=Null、=""で初期化するのは大変なので、一括で初期化する方法を探しています。 どなかた、知っている方がいらっしゃったら、教えていただきたいと思います。お願いいたします。

  • オブジェクトを指定しても「Nullまたはオブジェクトではありません」となってしまう

    Webページ作成にて、セレクトボックスを選択した時に選択内容によって、 同フォーム内にある特定のラジオボタンを無効にする処理を組んでいます。 セレクトボックスの[onChange]イベントに下記の[selectChange()]が 動くように記述しているのですが、どうしても 「Nullまたはオブジェクトではありません」とエラーとなってしまいます。 オブジェクト名のタイプミスなども含め何度も見直しましたが間違いありませんでした。 ちなみに、この関数と同じ場所に、ロールオーバーイメージをプリロード させる関数も記述しているのですがそちらは問題なく動いています。 （DreamWeaverが生成してくれるものですが・・） 原因として何が考えられるでしょうか。 分かる方お力をお貸し下さい。 //特定のラジオボタンを無効にする関数 function selectChange() { var selectedNum = document.FormName.SelectBox.selectedIndex; if(selectedNum == 1) { document.FormName.RadioButton[0].disabled = false; document.FormName.RadioButton[3].disabled = true; document.FormName.RadioButton[4].disabled = true; } else if(selectedNum >= 2){ document.FormName.RadioButton[0].disabled = true; document.FormName.RadioButton[3].disabled = false; document.FormName.RadioButton[4].disabled = false; } } //セレクトボックスの記述 <select name="SelectBox" onchange="selectChange()"> <option value=""></option> <option value=1>1</option> <option value=2>2</option> <option value=3>3</option> </select>

  • ラジオボタンにチェックを入れて、テキストボックスのコメントを消すには

    どなたかお力を・・・ 宜しくお願いします。 メールフォームを作成していて、 テキストボックス入力欄　○ラジオボタン01 ○ラジオボタン02 から、１箇所選択してもらうようにしてあります。 テキストボックスに始めから、例を記入してあるのですが、 ラジオボタンにチェックを入れた際に消えるようにしたいのです。 フォームのコメントを消すjavascriptは変更してもらっても構いません。 <INPUT type="text" name="あいうえお" onfocus="if (this.value == '例）Corneometer') this.value = '';" onblur="if (this.value == '') this.value = '例）テスト';" value="例）テスト"> <INPUT type="radio" name="かきくけこ" value="ラジオ01" onClick="check_reset(this,10)">ラジオ01 <INPUT type="radio" name="かきくけこ" value="ラジオ02" onClick="check_reset(this,11)">ラジオ02

  • クリアボタンの動作について　その２

    ご存知の方、ご教授くださいm(__)m クリアボタンの動作について、の続きです。 １点忘れていました。 現在、画面上で入力された項目を消去するためにクリアボタンを設置しており、 フォーム中の、 ・通常のテキストボックスの内容：消去 ・disabledのテキストボックスの内容：消去せずそのまま ・チェックボックスはchecked=falseにする までは回答者様のおかげで解決できたのですが、 もう１点、 ・プルダウンメニューも初期値にリセットする という点を忘れていました。 対象となるHTMLは以下のようなものです。 <select name="lineCode"> <option value=""></option> <option value="PAA" >PAA</option> <option value="PAB" >PAB</option> <option value="PAC" >PAC</option> </select> 現状のjavascript： $(function () { $('.buttons :button[name=clear]').click(function() { $('input[type="text"]').not('[disabled="disabled"]').val(''); $('input[type="select"]').val(''); $('input[type="checkbox"]').removeAttr ( 'checked' ); return false; }); .... こちらも解決方法を教えていただけると助かります。 よろしくお願いいたします。

  • 初期状態に戻す方法

    JavaScript初心者です。 たとえば、ゲームが終了して、 alertにより「XXの勝ち」などのダイアログが表示されたとき、 そのボタンを押すと、初期状態に戻って、 "START"や"RESET"のボタンを押せる状態にしたいのですが、 その方法がわかりません。 どなたか教えてください。 よろしくお願いします。

  • 「戻る」ボタン使用時のフォーム内容クリアについて

    簡易メール問い合わせフォームを作成しています。 問い合わせ内容を記述後、submitしたら、CGIでメールを送信し、別のページ（「送信完了」ページ）へ飛ばしています。 このとき、送信完了ページから、元の問い合わせページへ「戻る」ボタン等を使用して戻った場合、input内に記述されたテキストがそのまま残っています。 この状態でまたsubmitすると、全く同じ内容のメールが送られてしまいます。 この連続投稿を防止したいのですが、何か簡単な策はないでしょうか？ それほど厳密な多重投稿禁止策でなくても構いません。 単純に「戻る」を使用したときにフォーム内容がクリアされていれば良いのですが、、、、 ページ読み込み時にjavascriptにて全てのフォーム内容をクリアしても、「戻る」ボタン使用時には実行されません。 送信元IPを見て連続投稿を禁止するという策も考えましたが、正直そこまでする必要があるかどうか疑問です。 戻るを押したときにフォームがクリアされていれば良いです。 どうかよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する