- ベストアンサー
ネットで簡単なチェックをするページを作成する方法
- フォームのプルダウンメニューを利用して、簡単なチェックをするページを作成するには、JavaScriptを使用します。プルダウンメニューの選択に応じて、テキストボックスにチェック結果を表示することができます。
- iro2のプルダウンメニューでもiro1と同じ条件でテキストボックスに表示させることは可能ですが、コピーペーストして変数を変える方法よりももっと簡略化する方法があります。
- JavaScriptの関数を作成し、プルダウンメニューの変更イベントに対して同じ関数を適用させることで、簡潔なコードで同じ結果を得ることができます。これにより、プルダウンメニューが増えた場合でも対応が容易になります。
- 50kino51
- お礼率52% (25/48)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 入力チェックをしたいです。
結構初心者です。 フォームに入力された内容をチェックしたいので、まず下記のように書きました。 <script Language="JavaScript"> <!-- function submitCheck(){ var flag = 0; // 設定開始（必須にする項目を設定します） if(document.insert.MatterID.value == ""){ flag = 1; } else if(document.insert.name.value == ""){ flag = 1; } else if(document.insert.Correspondencedate.value == ""){ flag = 1; } if(flag){ window.alert('必須項目に未入力があります。'); // チェックされていない場合は警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } --> </script> で、これにチェックボックスの入力チェックも含めたいのですが、ただ else if(document.insert.bld_ReceiptNo.checked){ flag = 1; } こうするだけではダメなのですね；； どうすればいいかお知恵を拝借できませんでしょうか。
- ベストアンサー
- JavaScript
- javaスクリプトによりフォーム入力
javaスクリプトによりフォーム入力を製作中です。 ラジオボタン、チェックボックス、プルダウン選択を選択すると、同ページのテキストエリアにそれらを選択した時点で反映されるというものです。 html構造として table/ 項目1 項目2 項目3 項目4 ・ ・ ・ ------ テキストエリア ------ /trable となっていきます。 var copytoclip=1 function CopyAll(mytext) { var tempval=eval("document."+mytext) tempval.focus() tempval.select() if (document.all&©toclip==1){ therange=tempval.createTextRange() therange.execCommand("Copy") setTimeout("window.status=''",1800) } } function setChars(form) { if(form.n1[0].checked) { str1 = document.myform.n1[0].value } else if(form.n1[1].checked) { str1 = document.myform.n1[1].value } else if(form.n1[2].checked) { str1 = document.myform.n1[2].value } else { str1 = "テキストテキスト" } /*下がテキストエリアへ反映される*/ document.myform.mytext.value = "hogehoge" + str1 +・・・・ + "\n\n" } といったものです。 【苦戦しているところ】 選択項目がひとつしかない場合に、チェック項目を作成しても テキストエリアへ反映されません。 －・－－・－－・－－・－－・－ また、これとは別によりいいサンプル等ありましたら、教えていただけるとありがたいです。
- 締切済み
- JavaScript
- 別のページにデータを送るには？
JavaScriptで、別のページにデータを送るにはどうしたらよいのでしょうか。 1ページ目でテキストボックスに入力した文字列を、 2ページ目で、あらかじめ用意した文字列と一致するかどうかチェックする、 というのをやりたいのですが、なにぶん初心者なもので、どうも何かに失敗しているらしくうまくいきません。 一応、JavaScript解説のサイトさんを参考にこんなもんを作ってはみたのですが。 1ページ目 <html> <head> </head> <body> <form action="pas2.html" onSubmit="this.box.value=escape(this.box.value)"> <input type=text name=box> <input type=submit value=" 送 信 "> <input type=reset value="リセット"> </form> </body> </html> 2ページ目 <html> <head> </head> <body> <script> val = document.location.search; val = val.split("="); val = unescape(unescape(val[1])); if (val){ if(val==none||val!="pass") val="はずれ" else val="あたり" } else val = "何にも入力されてません。"; document.write(val); </script> </body> </html> これでやってもエラーが出ます…… どうやったらいいのでしょうか。教えてください。
- ベストアンサー
- JavaScript
- 占いのスクリプトを書いたのですが
先日よりJavaScriptの勉強をしていて、以下のスクリプトで、１７時までは今日の運勢は？と表示して、１７時以降は明日の運勢は？と表示したいのですが、うまく動きません。何処をどう直したら良いのでしょうか？ わかる方教えて下さい。よろしくお願いします。 <HTML> <HEAD> <TITLE>おみくじ</TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--- function omikuji() { r=Math.round(Math.random()*4); if(r==1){ document.form_a.text1.value="ラッキー！大吉！";} else if(r==2){ document.form_a.text1.value="ほっ！中吉！";} else if(r==3){ document.form_a.text1.value="小吉！まぁまぁだね";} else if(r==4){ document.form_a.text1.value="末吉！こんなものかな";} else{ document.form_a.text1.value="凶・・気をつけないと";} } //---> <!-- acDate=new Date(); myHour=acDate.getHours(); // --> </SCRIPT> <BODY> <FORM NAME="form_a"> <INPUT TYPE="BUTTON" VALUE="おみくじ" onClick='omikuji()'> <INPUT TYPE="TEXT" if(myHour<=17){ VALUE="今日の運勢は？！"NAME="text1";} else if(myHour<=24){ VALUE="明日の運勢は？！"NAME="text1";} > </FORM> </BODY> </HTML>
- ベストアンサー
- JavaScript
- チェックボックスの選択チェック
ラジオボタンの選択チェック、セレクトボタンの選択チェックのあとにチェックボックスの選択チェックをしたいのですが、どのように入れればよいのでしょうか。教えてください。 ↓参考までに↓ function check() { var flag=0; if( document.form1.seibetu.length){ flag=1; var i; for(i=0; i<document.form1.seibetu.length; i++) if(document.form1.seibetu[i].checked)flag=false; } if(flag){ alert('性別が選択されていません'); return false; } if(document.form1.nenrei.value=="")flag=true; if(flag){ alert('年齢が選択されていません'); return false; } if( document.form1.Q1.length){ flag=1; var i; for(var i=0; i<document.form1.Q1.length; i++) if(document.form1.Q1[i].checked)flag=false; if(flag){ alert('Q1が選択されていません'); return false; } else {★★★ここに入れたい★★★ ;} } }
- 締切済み
- その他([技術者向] コンピューター)
- 一つのチェックボックスでテキストフィールドとプルダウンリストを制御
現在以下のようなテキストフィールドとプルダウンがあります。 <form name="register" action="register_kakunin.php" method="post"> <input type="checkbox" name="name_check" onclick="fchk(this,1);" /> <input name="revenue" onChange="keisan()" type="text" id="revenue" size="6" readOnly="true"/> <input type="checkbox" name="chk" onclick="fchk2(this)" /> <select name="paymethod" disabled="disabled"> <option value="">Pay Method</option> <option value="cash">cash</option> <option value="card">card</option> <option value="point">point</option> <option value="coupon">coupon</option> </select> </form> これを function fchk(obj, name_check){ var frm=document.register; if(!obj.checked){ /* チェックされたら、テキストボックスを有効化 */ frm.revenue.readOnly=true; }else{ /* チェックが外されたら、テキストボックスを無効化 */ frm.revenue.readOnly=false; } } function fchk2(obj) { var frm=obj.form; var len=frm.elements.length; /* フォームの要素数 */ if(obj.checked==true){ /* チェックボックスが選択されている場合、 プルダウンを有効化（disabled=false） */ frm.elements["paymethod"].disabled=false; }else{ /* チェックボックスが選択されていない場合、 プルダウンを無効化（disabled=true） */ frm.elements["paymethod"].disabled=true; } } という2つのスクリプトで制御しているのですが、前者を操作するときには必ず後者も操作することになるため、一つのチェックボックスで2つとも制御できるようにしたいのですが、どうしたらいいのでしょうか？ 上記のjavascriptはネットから拾ってきたもので、自作ではありません。 宜しくお願いします。
- ベストアンサー
- JavaScript
- JavascriptからJavaへの変え方
Javascriptで作ったものをJavaにしないといけなくなったのですが 私はJava初心者でまったくわかりません。 色々ネットで調べてみたのですが、どうも難しくて理解することができませんでした。 下にJavascriptで作ったものを載せてるのですがどなたかやり方を教えてもらえないでしょうか？ <html> <head> <title>サンプル</title> <script type="text/javascript"> function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } </script> <script type="text/javascript"> mes = new Array(5); mes[0]="0"; mes[1]="1"; mes[2]="2"; mes[3]="3"; mes[4]="4"; date=(new Date()).getHours(); if( 0 <= date && date <= 5 ){ document.write(mes[0]); } else if( 6 <= date && date <= 10 ){ document.write(mes[1]); } else if( 11 <= date && date <= 16 ){ document.write(mes[2]); } else if( 17 <= date && date <= 19 ){ document.write(mes[3]); } else{ document.write(mes[4]); } </script> <script type="text/javascript"> function Random() { var kazu = Math.random(); kazu = kazu*100; kazu = Math.ceil(kazu); if( kazu<=9 ) document.write('<br/>○1<br/>'); else if( kazu<=19 ) document.write('<br/>○2<br/>'); else if( kazu<=29 ) document.write('<br/>○3<br/>'); else if( kazu<=39 ) document.write('<br/>○4<br/>'); else if( kazu<=49 ) document.write('<br/>○5<br/>'); else if( kazu<=59 ) document.write('<br/>○6<br/>'); else if( kazu<=69 ) document.write('<br/>○7<br/>'); else if( kazu<=79 ) document.write('<br/>○8<br/>'); else if( kazu<=89 ) document.write('<br/>○9<br/>'); else document.write('<br/>○10<br/>'); } Random() </script> <script language="JavaScript"> var imglist = new Array( "sample1.jpg", "sample2.jpg", "sample3.jpg", "sample4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> </head> </html>
- 締切済み
- Java
- Javascriptでセレクトメニューの選択チェックの方法
Javascriptでセレクトメニューのフォームをチェックしたいのですが、 リストメニューの「選択して下さい」を選んだままだと、「番号を選択して下さい。」とエラーを出したいのですが、下記の様に書いてみたのですが、うまく動きません…どのように書けばいいか教えて下さい。宜しくお願いします。 <script language=＼"JavaScript＼"> <!-- function Check() { var str = document.form.a.value; if(document.form.a.value == "0") { alert("番号を選択して下さい"); } //--> </script> <form id="form" name="form" method="post" action="##"> <select name="a" onblur="Check();"> <option value="0">選択して下さい</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="submit" name="Submit" value="登録" onClick="Check();"> </form>
- ベストアンサー
- JavaScript
- disabledの点で。２
また同じソースでの質問なのですが、以下のようなソースで、１のテキストボックスに過去に入力したもの（プルダウンみたいに下がって出てくる履歴のようなもの）を選択すると、２の方の入力ができなくなります。履歴の数字を入れても２の方に記入できるようにするにはどのようにしたら良いのでしょうか。また、これらの処理を行うとき、onChange以外のものを使ってできるのでしょうか？大変困っております、よろしくお願いします。 <html> <head> <title></title> <script language="JavaScript"> <!-- function setTF(){ if(document.form1.text1.value=="") document.form1.text2.disabled = true; else document.form1.text2.disabled = false; } //--> </script> </head> <body> <form name="form1"> １<INPUT type="text" name="text1" onChange="setTF()"> ２<INPUT type="text" name="text2" disabled> <INPUT type="submit" value="登録" onClick="return setTF()" name="submit"> </form> </body> </html>
- ベストアンサー
- JavaScript
- チェックボックスのチェック。応用編
こんにちわ。 チェックボックスがチェックされているかのチェックを行いたいのですが、チェックボックスをデータベースにある内容をループで表示させ、チェックされたデータをPOSTで送信するために少々submitの使い方が違います。 削除ボタンを押すと確認画面がでてOKを押した場合にチェックボックスにチェックされていなければ警告画面を出したいのですが、どうもうまくいきません。 よい方法をご教授ねがえないでしょうか。 ==FORM======================================= <form method ="POST" name="form1" onSubmit="return check()" action ="****" > <% Iterator it =sagyoubi.iterator(); // 検索された行数分ループ while(it.hasNext()){ String item= (String)it.next(); %> <INPUT TYPE="CHECKBOX" NAME="sagyoubii" VALUE="<%= item %>"><a href="****" target="Main"> <% } // end while %> <INPUT TYPE="button" VALUE="削除" style="font-size:18" onclick="if(confirm('これらのデータを削除してもよろしいですか？')) { submit(); }"> </form> ==SCRIPT================================= <SCRIPT TYPE="text/javascript"> <!-- function check(){ var flag = 1; if(document.form1.sagyoubii.checked){ flag = 0; } if(flag){ window.alert('チェックされていません'); return false; // 送信を中止 } else{ return true; // 送信を実行 } } //--> </SCRIPT>
- ベストアンサー
- JavaScript
- TS8530を使用している方に質問です。Easy-PhotoPrint Editorでディスクレーベルを印刷しようとしていますが、保存場所が分かりません。
- TS8530のディスクレーベル印刷を行いたいのですが、保存場所がどこなのか教えてください。
- Easy-PhotoPrint Editorでディスクレーベルを印刷しようとしていますが、保存先が不明です。TS8530の場合、保存場所はどこになるのでしょうか？
お礼
ありがとうございます。 いま試したところ上手くいきました。 しかし、条件がここで書いたのより多くて複雑なため 表示が思ったのより違って表示されるようになりました もういちど条件文を見直します。
補足
できました！！ kとiを逆にしてしまって、条件が変になってしまったようです ありがとうございました