- 締切済み
答えを○か×か表示するソースを教えて下さい。
JavaScript初心者で、3択問題を作成しています。 問題文や、採点、解答（解説）のソースは記述で来たのですが、クイズに答えてくれた方に問題の正誤が分かりやすいように、正解した問題文の枠の色が青になったり、枠の横に「○」が表示されるようにしたいと考えています。 質問が分かりにくくてすみません！どうか回答をよろしくお願いします！ <html> <head> <title>問題3</title> <script language="JavaScript"> <!-- var msg1,msg2,msg3,msg4,msg5,msg6,msg7,msg8,msg9,msg10; function MakeArray(n){this.Length=n;} var cont=new MakeArray(11); function KUIZU1(fm,nn){msg1=fm.value;cont[1]=nn;} function KUIZU2(fm,nn){msg2=fm.value;cont[2]=nn;} function KUIZU3(fm,nn){msg3=fm.value;cont[3]=nn;} function KUIZU4(fm,nn){msg4=fm.value;cont[4]=nn;} function KUIZU5(fm,nn){msg5=fm.value;cont[5]=nn;} function KUIZU6(fm,nn){msg6=fm.value;cont[6]=nn;} function KUIZU7(fm,nn){msg7=fm.value;cont[7]=nn;} function KUIZU8(fm,nn){msg8=fm.value;cont[8]=nn;} function KUIZU9(fm,nn){msg9=fm.value;cont[9]=nn;} function KUIZU10(fm,nn){msg10=fm.value;cont[10]=nn;} function SUM(fm){n1=0; for (i=1;i<11;i++){ n1=n1+cont[i];} if (isNaN(n1)) {alert("入力されてない項目があります。");}else false; fm.answer1.value=n1; } function disp(){document.MyForm.Result.value="第一問："+msg1+"\n"+"第二問:"+msg2+"\n"+"第三問："+msg3+"\n"+"第四問："+msg4+"\n"+"第五問:"+msg5+"\n"+"第六問:"+msg6+"\n"+"第七問:"+msg7+"\n"+"第八問:"+msg8+"\n"+"第九問:"+msg9+"\n"+"第十問:"+msg10; } //--> </script> </head> <body bgcolor="ivory"> <form name="timer"> <input type="text" value="">分 <input type="text" value="">秒<br> <input type="button" value="スタート" onclick="Start()"> <input type="button" value="ストップ" onclick="Stop()"> <input type="button" value="クリア" onclick="ReSet()"> </form> <center> <span>問題3</span> <hr> <h2>ヒント付きテスト （択一問題×10 各1点）</h2> </center> <table border=4> <form method="POST"><tr><td> １．Microsoft社が開発した表計算ソフトの名前は？<br> </td><td> <input type="radio" name="back" value="不正解（パワーポイント(PowerPoint)は、会議や発表用のスライドを作成する時に使います。）" onClick="KUIZU1(this,0)">パワーポイント<br> </td><td> <input type="radio" name="back" value="不正解（ワード(Word)は、報告書やレポートの文書を作成する時に使います。）" onClick="KUIZU1(this,0)">ワード<BR> </td><td> <input type="radio" name="back" value="正解（正解）" onClick="KUIZU1(this,1)">エクセル<BR> </td><td> <input type="button" value="ヒント" span onClick="document.all.item('moji1').style.visibility='visible'"></span> <div ID="moji1" style="visibility:hidden;">この教材で学習しているのは?</div> </td></tr> </form><form method="POST"> <tr><td> ２．Excelで出来ることは？<br> </td><td> <input type="radio" name="back" value="不正解（Wordの解説。）" onClick="KUIZU2(this,0)">報告書や原稿の文書を作成すること<br> </td><td> <input type="radio" name="back" value="不正解（PowerPointの解説。）" onClick="KUIZU2(this,0)">プレゼンテーション用のスライドを作成すること<BR> </td><td> <input type="radio" name="back" value="正解（正解）" onClick="KUIZU2(this,1)">作成した表の数値からグラフを作成すること<BR> </td><td> <input type="button" value="ヒント" span onClick="document.all.item('moji2').style.visibility='visible'"></span> <div ID="moji2" style="visibility:hidden;"></div> </td></tr> </form><form method="POST"> <tr><td> １０．開いているExcelのファイル名はどこに表示されている？<br> </td><td> <input type="radio" name="back" value="不正解（操作対象となっているセルの位置や、名前を表示しています。。）" onClick="KUIZU10(this,0)">名前ボックス<br> </td><td> <input type="radio" name="back" value="不正解（ワークシートの見出しです。）" onClick="KUIZU10(this,0)">シート見出し<br> </td><td> <input type="radio" name="back" VALUE="正解（正解）" onClick="KUIZU10(this,1)">タイトルバー<br> </td><td> <input type="button" value="ヒント" span onClick="document.all.item('moji10').style.visibility='visible'"></span> <div ID="moji10" style="visibility:hidden;">ヒント</div> </td></tr> </form><form method="POST"><tr><td> </table> </form> <form method="POST" name="MyForm"> 確認の上，採点ボタンを押して下さい。<br> <input type="button" value="採点" onClick="SUM(this.form)"><br> <input type="text" size=6 name="answer1">点<br> 解答ボタンを押して下さい。解答がでます。<br> <input type="button" value="解答" onClick="disp()"><br> <textarea name="Result" rows=10 cols=100></textarea><br> </form> </body> </html>
- Chausaito
- お礼率0% (0/3)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- babu_baboo
- ベストアンサー率51% (268/525)
ていせい。 document.addEventListener('click', function (event) { var e = event.target; var n; に。 ごめん。
- babu_baboo
- ベストアンサー率51% (268/525)
ぐだぐだになってしまった。ごめんなさい。さんこうにもならないね。 ぜんかくくうはくは、はんかくで、かなりあたらしいぶらうざで！ <!DOCTYPE html> <html lang="ja"> <head> <title>問題3</title> <meta charset="utf-8"> <title>MyNote</title> <style> body { background : ivory; } table { border : 4px gray solid; } td, th { border:1px gray solid; } tbody td:last-of-type { text-decoration: underline; cursor :pointer; white-space: nowrap; } </style> </head> <body> <h1>問題3</h1> <form id="hoge" onsubmit="return false"> <table> <caption>ヒント付きテスト （択一問題×10 各1点）</caption> <thead> <tr> <th>問題 <th colspan="3">回答 <th>正誤 <th>ヒント </thead> <tbody> <tr> <th>Microsoft社が開発した表計算ソフトの名前は？ <td>パワーポイント <td>ワード <td>エクセル <td> <td>ヒント <tr> <th>Excelで出来ることは？ <td>報告書や原稿の文書を作成すること <td>プレゼンテーション用のスライドを作成すること <td>作成した表の数値からグラフを作成すること <td> <td>ヒント </tbody> </table> </form> <form id="huga"> <p> 確認の上，採点ボタンを押して下さい。 <p> <input type="button" value="採点"><br> <input type="text" size="6" name="answer">点 <p> <input type="button" value="解答"><br> <textarea name="result" rows="10" cols="100">解答ボタンを押して下さい。解答がでます。</textarea> </form> <script> function getp(a,b,c){return a?c==a[b]?a:arguments.callee(a.parentNode,b,c):null}; var Answer = [ { 'answer' : 2, 'aid' : [ '不正解（パワーポイント(PowerPoint)は、会議や発表用のスライドを作成する時に使います。）', '不正解（ワード(Word)は、報告書やレポートの文書を作成する時に使います。）', '正解（正解）' ], 'hint' : '似たようなものでマルチプランというのもありました' }, { 'answer' : 2, 'aid' : [ '不正解（Wordの解説。）', '不正解（PowerPointの解説。）', '正解（正解）' ], 'hint' : 'この教材で学習しているのは?' } ]; (function () { var doc = document; var tbody = doc.querySelector ('#hoge tbody'); var radio = doc.createElement ('input'); radio.type = 'radio'; Array.prototype.forEach.call (tbody.rows, function (row, i) { var cell = row.cells; radio.name = 'Qu_' + i; radio.value = '0'; cell[1].insertBefore (radio.cloneNode (false), cell[1].firstChild); radio.value = '1'; cell[2].insertBefore (radio.cloneNode (false), cell[2].firstChild); radio.value = '2'; cell[3].insertBefore (radio.cloneNode (false), cell[3].firstChild); }); this.saiten = function () { var point = 0; Array.prototype.map.call (tbody.rows, function (row, i) { var radio = row.querySelector ('input[type="radio"]:checked'); if (! radio) return alert ('選択されていない項目' + (i+1) + 'があります'); point += +(radio.value === String (Answer[i].answer)); }); doc.querySelector ('#huga input[name="answer"]').value = point; }; this.kaitou = function () { var mess = []; Array.prototype.map.call (tbody.rows, function (row, i) { var radio = row.querySelector ('input[type="radio"]:checked'); if (! radio) return alert ('選択されていない項目' + (i+1) + 'があります'); if (radio.value === String (Answer[i].answer)) { row.cells[4].firstChild.nodeValue="●"; row.cells[1+Answer[i].answer].style.border = '2px blue solid'; } else { row.cells[4].firstChild.nodeValue=""; row.cells[1+Answer[i].answer].style.border = '1px gray solid'; } mess.push ('第'+ (1+i) + '問:' + Answer[i].aid[Number (radio.value)]); }); doc.querySelector ('#huga textarea[name="result"]').value = mess.join ('\n'); }; })(); function Goto (v) { if ('採点' === v) saiten (); else if ('解答' === v) kaitou (); } document.addEventListener('click', function (event) { var e = event./*@if (1) srcElement @else@*/ target /*@end@*/; var n; if ('TD' === e.nodeName && getp (e, 'id', 'hoge')) { n = e.cellIndex; if (5 == n) { alert (Answer[e.parentNode.rowIndex-1].hint); } } else if ('INPUT' === e.nodeName) Goto (e.value); }, false); </script> </body> うっ！ もじすうせいげんがきつい！
- babu_baboo
- ベストアンサー率51% (268/525)
こんにちは。おいそぎでなければ、HTMLのぶんぽうちぇっかーがあります。それをためしましょう。 あなたなら、１００点とれるとおもいます。 Another HTML-lint gateway http://openlab.ring.gr.jp/k16/htmllint/htmllint.html <table>のすぐしたに<form>があるなんてまちがいです。
関連するQ&A
- onClickで足し算をして答えを出したい
過去に同じような質問もありましたが、いろいろ検索してこちらの過去ログを拝見しても解決できなかったので質問させてください。 onClickで計算を始めて答えを<input type="text" name="t3">に表示したいのですが、エラーが出てしまいます。いろいろ試したのですが理由がわかりません。 ちなみにソースが以下です。 <html> <head> <title>計算</title> <SCRIPT language="JavaScript"> <!-- function keisan(){ document.f1.t3.value=parseInt(document.f1.t1.value)+parseInt(document.f1.t2.value); } //--> </SCRIPT> </head> <body> <center> <table border="1" width="700" height="200"> <from name="f1"> <tr> <td width="150">右側 <input type="text" name="t1" > </td> <td width="250"> <input type="radio" name="kei" value="+">＋ 左側<br> <input type="radio" name="kei" value="-">－ <input type="text" name="t2"><br> </td> <td width="150">c<br><input type="button" name="iri" value=" ＝ " onClick="keisan()"></td> <td width="150"> 答え<br> <input type="text" name="t3"></td> <tr> </form> </table> </center> </body> </html> おわかりの方がいましたらどうかご教授お願いします。
- ベストアンサー
- JavaScript
- チェックボックスの全選択/解除について
お尋ねします。 チェックボックスの全選択/解除について １画面にチェックボックスのグループが複数（store、item）あります。 下記のソースだと【store】の全選択を押下すると【store】【item】両方とも 全選択状態になります。 【store】の全選択/全解除は【store】のみ 【item】の全選択/全解除は【item】のみにしたいのですが どのようにするとよろしいのでしょうか？ よろしくお願いします。 <SCRIPT TYPE="text/javascript"> <!-- function allcheck(targetForm,flag){ for(n=0;n<=targetForm.length-1;n++){ if(targetForm.elements[n].type == "checkbox"){ targetForm.elements[n].checked = flag; } } } --> </SCRIPT> <table width="70%" align = "center" cellspacing="0"> <form action="confirm.php" method="post" target="_blank"> <tr> <td align="center"> <input type="checkbox" name="store[]" value="1" />A店<br/> <input type="checkbox" name="store[]" value="2" />B店<br/> <input type="checkbox" name="store[]" value="3" />C店<br/> <input type="checkbox" name="store[]" value="4" />D店<br/> <input type="checkbox" name="store[]" value="5" />E店<br/> <input type="button" value="全選択" onClick="allcheck(this.form,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this.form,false)"/> </td> <td align="center"> <input type="checkbox" name="item[]" value="1" />項目１<br/> <input type="checkbox" name="item[]" value="2" />項目２<br/> <input type="checkbox" name="item[]" value="3" />項目３<br/> <input type="checkbox" name="item[]" value="4" />項目４<br/> <input type="checkbox" name="item[]" value="5" />項目５<br/> <input type="button" value="全選択" onClick="allcheck(this.form,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this.form,false)"/> </td> </tr> <tr align="center"> <td colspan="4"> <input type="submit" name="con" value="確認"> </td> </tr> </form> </table>
- 締切済み
- PHP
- NNでうまく動きません
オプションボタンを使って、メニューを作りましたが、NNでうまく動きません。「checked」で初期値を指定しているので、そのまま「選択」ボタンを押した場合のために「form」に「value」でURLを指定したのですが、認識されません。（IEでは問題ありません）オプションボタンをクリックしなおして、「選択」ボタンをクリックするとジャンプします。 ソースを書きますので、宜しくお願いします。 <html> <head> <title>メニュー</title> <SCRIPT LANGUAGE="JavaScript"> <!-- function change(){ parent.location=document.menu.value;} // --> </SCRIPT> </head> <body> <tableborder="0"> <tr><td> <form name="menu" value="http://www.goo.ne.jp"> <input type="radio" name="sate" onClick="menu.value='http://www.goo.ne.jp'" checked>GOO<br> <br> <input type="radio" name="sate" onClick="menu.value='http://www.yahoo.co.jp'">YAHOO<br> <br> <input type="button" value="選択" onClick="change()"> </form> </td></tr> </table> </body> </html>
- ベストアンサー
- HTML
- javaで name=id［?］ を指定する方法とは？
ショップ運営で、商品一覧から＋－ボタンでそれぞれ数の増減をさせるよう、ほかのサイトを参考にして下記のようにjavascriptで記述してみました。 このうち、商品２と３はボタンが機能したのですが、商品１は数の増減ができません。 おそらく要素名に（name=id[1]）と［］で囲っているからだと思うのですが、この［］を取らないまま、ボタンを機能させる方法はありますでしょうか？ よろしくお願いします。 <FORM> 商品１：<INPUT type=text name=id[1] value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id[1])"> <INPUT type=button value="－" onClick="minus(this.form.id[1])"> <BR> 商品２：<INPUT type=text name=id2 value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id2)"> <INPUT type=button value="－" onClick="minus(this.form.id2)"> <BR> 商品３：<INPUT type=text name=id3 value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id3)"> <INPUT type=button value="－" onClick="minus(this.form.id3)"> </FORM> <SCRIPT language="JavaScript"> <!-- function plus(chk){chk.value++; if (chk.value==6) {chk.value=5} } function minus(chk){chk.value--; if (chk.value==0) {chk.value=1} } // --> </SCRIPT>
- ベストアンサー
- JavaScript
- ラジオボタンが選択によるチェックボックス・ボタンの制御方法
お世話になります。 やりたい事 (1)ラジオボタン【小学校】：小学校のみ入力可 (2)ラジオボタン【中学校】：中学校（市立・私立）のみ入力可 (3)ラジオボタン【全ての学校】：小中すべて入力可 (1)と(2)は動作していると思います。 (3)を実現するにはどうすればいいのでしょうか？ よろしくお願いします。 <html> <head> <title>ラジオボタンが選択されたらチェックボックス・ボタンを入力可能にする</title> <script Language="JavaScript"><!-- function setRTF(f,n){ for(var i=0; i<f.length; i++){ var p=f[i].parentNode; var pid=""; while(p){ if(p.nodeName=="TD"){pid=p.id;break;} p=p.parentNode; } if(f[i].type=="checkbox" || f[i].type=="button") f[i].disabled=pid!=n; } } function allcheck(obj,flag){ var target=obj.parentNode.getElementsByTagName("input"); for(var i=0;i<target.length;i++){ if(target[i].type=="checkbox") target[i].checked=flag; } } // --></script> </head> <body> <form> <table border="1" width="303"> <tr> <td width="89"><input type="radio" name="mm" onClick="setRTF(this.form,'aa')">小学校</td> <td width="90"><input type="radio" name="mm" onClick="setRTF(this.form,'bb')">中学校</td> <td width="102"><input type="radio" name="mm" onClick="setRTF(this.form,'xx')">全ての学校</td> </tr> <tr> <td id="aa" rowspan="2" width="89"> <input type="checkbox" name="aa[]" value="1" disabled>Ａ小学校<br> <input type="checkbox" name="aa[]" value="2" disabled>Ｂ小学校<br> <input type="checkbox" name="aa[]" value="3" disabled>Ｃ小学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)"/ disabled ><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> <td id="bb" width="90"> 市立<br> <input type="checkbox" name="bb[]" value="1" disabled>Ａ中学校<br> <input type="checkbox" name="bb[]" value="2" disabled>Ｂ中学校<br> <input type="checkbox" name="bb[]" value="3" disabled>Ｃ中学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> <td id="cc" rowspan="2" width="102"> </td> </tr> <tr> <td id="bb" width="90"> 私立<br> <input type="checkbox" name="cc[]" value="1" disabled>Ａ中学校<br> <input type="checkbox" name="cc[]" value="2" disabled>Ｂ中学校<br> <input type="checkbox" name="cc[]" value="3" disabled>Ｃ中学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> </tr> </table> </form> </body> </html>
- ベストアンサー
- JavaScript
- チェックボタンの制御方法
チェックボタンの制御方法で 下記のようなことがやりたいです。 (1)【全ての学校】選択時 【小学校】と【中学校】の全て disabledのままでチェックをセット、ボタンdisabled (2)【小学校】選択時 【中学校】disabledのままでチェックを解除、ボタンdisabled (3)【中学校】選択時 【小学校】disabledのままでチェックを解除、ボタンdisabled もうちょっとだと思うのですが... なかなかうまく出来ないのでよろしくお願いします。 <html> <head> <title></title> <script Language="JavaScript"><!-- function setRTF(f,n){ for(var i=0; i<f.length; i++){ var p=f[i].parentNode; var pid=""; while(p){ if(p.nodeName=="TD"){pid=p.id;break;} p=p.parentNode; } if(f[i].type=="checkbox" || f[i].type=="button") f[i].disabled=pid!=n; } } function allcheck(obj,flag){ var target=obj.parentNode.getElementsByTagName("input"); for(var i=0;i<target.length;i++){ if(target[i].type=="checkbox") target[i].checked=flag; } } // --></script> </head> <body> <form> <table border="1" width="303"> <tr> <td width="89"><input type="radio" name="mm" onClick="setRTF(this.form,'aa')">小学校</td> <td width="90"><input type="radio" name="mm" onClick="setRTF(this.form,'bb')">中学校</td> <td width="102"><input type="radio" name="mm" onClick="setRTF(this.form,'xx')">全ての学校</td> </tr> <tr> <td id="aa" rowspan="2" width="89"> <input type="checkbox" name="aa[]" value="1" disabled>Ａ小学校<br> <input type="checkbox" name="aa[]" value="2" disabled>Ｂ小学校<br> <input type="checkbox" name="aa[]" value="3" disabled>Ｃ小学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)"/ disabled ><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> <td id="bb" width="90"> 市立<br> <input type="checkbox" name="bb[]" value="1" disabled>Ａ中学校<br> <input type="checkbox" name="bb[]" value="2" disabled>Ｂ中学校<br> <input type="checkbox" name="bb[]" value="3" disabled>Ｃ中学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> <td id="cc" rowspan="2" width="102"> </td> </tr> <tr> <td id="bb" width="90"> 私立<br> <input type="checkbox" name="cc[]" value="1" disabled>Ａ中学校<br> <input type="checkbox" name="cc[]" value="2" disabled>Ｂ中学校<br> <input type="checkbox" name="cc[]" value="3" disabled>Ｃ中学校<br> <input type="button" value="全選択" onClick="allcheck(this,true)" disabled /><br> <input type="button" value="全解除" onClick="allcheck(this,false)" disabled /> </td> </tr> </table> </form> </body> </html>
- ベストアンサー
- JavaScript
- 複数のラジオボタン選択肢によりsubmitを押せなくする
初めて質問させていただきます。 ラジオボタンが下記の選択状態の時だけ「送信（submit）」ボタンを enable で表示させたいです。 １：● ２：○ １：● ２：○ それ以外の選択肢では「送信（submit）」ボタンを disabl で押せないようにしたいです。 調べて、近い動作にはなりましたが、javascriptに関して 殆ど知識がないため、これから先がさっぱりわかりません。 ぜひ教えを乞いたく参りました。お知恵をお貸しください<(__)> どうぞ宜しくお願い致します。 <HTML> <HEAD> <script type="text/javascript"><!-- function unlock1(el){el.form.send.disabled=false;} function unlock2(el){el.form.send.disabled=true;} //--> </script> <form> 1:<input type="radio" name="radio1" value="1" onClick="unlock1(this)"> 2:<input type="radio" name="radio1" value="2" onClick="unlock2(this)"><br> 1:<input type="radio" name="radio2" value="1" onClick="unlock1(this)"><br> 2:<input type="radio" name="radio2" value="2" onClick="unlock2(this)"><br> <input name="send" type="submit" value="送信" disabled > </form> </BODY> </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
- ラジオボタンが選択された項目のみ操作可能
ラジオボタンが選択された項目のみ操作できるようにしたいです。 小学校が選択されたら 小学校のチェックボックスとボタンはenable 中学校のチェックボックスとボタンはdisabled？readonly？ よろしくお願いします。 <html> <head> <title>ラジオボタンが選択されたらチェックボックス・ボタンを入力可能にする</title> <script Language="JavaScript"><!-- function setRTF() { fOBJ = document.myFORM; RadioNum = 2; // ラジオボタンの数 for (i=0; i<RadioNum; i++) { if (fOBJ["mm"][i].checked) fOBJ["aa"+i].disabled = false; else fOBJ["bb"+i].disabled = true; } } function allcheck(obj,flag){ var target=obj.parentNode.getElementsByTagName("input"); for(var i=0;i<target.length;i++){ if(target[i].type=="checkbox") target[i].checked=flag; } } // --></script> </head> <body> <form name="myFORM"> <table border="1"> <tr> <td><input type="radio" name="mm" onClick="setRTF()">小学校</td> <td><input type="radio" name="mm" onClick="setRTF()">中学校</td> </tr> <tr> <td> <input type="checkbox" name="aa[]" value="1" />Ａ小学校<br/> <input type="checkbox" name="aa[]" value="2" />Ｂ小学校<br/> <input type="checkbox" name="aa[]" value="3" />Ｃ小学校<br/> <input type="button" value="全選択" onClick="allcheck(this,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this,false)"/> </td> <td> <input type="checkbox" name="bb[]" value="1" />Ａ中学校<br/> <input type="checkbox" name="bb[]" value="2" />Ｂ中学校<br/> <input type="checkbox" name="bb[]" value="3" />Ｃ中学校<br/> <input type="button" value="全選択" onClick="allcheck(this,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this,false)"/> </td> </tr> </table> </form> </body> </html>
- ベストアンサー
- JavaScript
- Evalの正しいソースを教えてください
<body> <form id="fm"> <input name="t1" value="てすと"> </form> <script language="VBScript"> Function bt_onClick() MsgBox Eval("t" & CStr(1) & ".value") End Function </script> <button name="bt"></button> </body>
- ベストアンサー
- その他（プログラミング・開発）
補足
回答ありがとうございます。参考サイト様でチェックしていただいた所、<table>にSUMMARY 属性を指定した方が良いとのことで99点でした。 画像は変更していませんが、ご指摘通りに<form>タグを消しました。<tr><td>タグも一緒に消していたため、枠が消えてしまうことに気がつきました。ありがとうございます。 現在も試行錯誤しているのですが、解答した問題の正誤（○×ないし色がつく）が表示できません。 javascript解説サイト様を参考に作っていますが、なかなか上手くいかないですね…。