HTMLを使ってinnnerHTMLで自動生成された表を出力したい| OKWAVE

innerHTMLでのテーブル作成

いつもお世話になっております。こちらの質問と回答を参考にプログラムを付け足して、リストを作る練習をしています。 http://okwave.jp/qa/q8090793.html テーブル行の先頭に項目名を表示させて、表を分かりやすくしようと思ったのですが、最後に出力される項目名がそれまでの項目名を上書きしてしまい、項目名が1個しか表示されないため、テーブルがずれて表示されてしまいます。 50個　金額～～ 100個　金額～～と表示させるためには、どこを手直ししたら良いのか知恵を貸してください。よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>innnerHTMLで自動生成された表を出力したい</title> <style> h2 { margin-bottom:0; color:#900;} table{ border:none; font-size:12px;} table tr th{ padding:5px; width:90px; background:#69F;} table tr td{ padding:5px; text-align:right; background:#9CF;} </style> <script type="text/javascript"> //ラジオボタンのvalue値を取得 var daysRate; var nouki = document.getElementsByName('nouki'); var price = new Array ( 10, 30, 50 ); function getRate() { for ( var i = 0; i < nouki.length; i ++ ) { if ( nouki[i].checked ) { daysRate = nouki[i].value; }}return parseFloat(daysRate);} function calc() { // 選択されているレートを取得 var rate = getRate(); var list_name = new Array('<h2>表1</h2>','<h2>表2</h2>','<h2>表3</h2'); var table_start = "<div><table><tbody>"; var table_head = '<tr><th>入数</th><th>ヘッダー1</th><th>ヘッダー2</th><th>ヘッダー3</th></tr>'; var table_kosuu = ""; var table_td = ""; var table_end = "</tbody></table></div><hr />"; // priceが増えてもロジックをいじる必要がないようにprice.lengthでループ数を制御 for(var i=50; i<=100; i+=50){ if(i==50){ table_kosuu = '<tr><td>' + i + '個</td>'; for ( var j = 0; j < price.length; j ++ ) { if(j < price.length-1){ table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td>'; } else { table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td></tr>'; } } } if(i==100){ table_kosuu = '<tr><td>' + i + '個</td>'; for ( var j = 0; j < price.length; j ++ ) { if(j < price.length-1){ table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td>'; } else { table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td></tr>'; } } } document.getElementById('priceTableOutput').innerHTML = list_name[0] + table_start + table_head + table_kosuu + table_td; + table_end; } } window.onload = function() { // 読込み後も一度テーブル表示を実行する calc(); } </script> </head> <body> 再計算ボタンを押すと価格表が再計算されます。<br /> <input type="radio" name="nouki" value="1" checked="checked" />通常配達 <input type="radio" name="nouki" value="1.25" />翌日配達 <input type="radio" name="nouki" value="1.5" />当日配達 <input type="button" value="再計算" onClick="calc()"> <div id="priceTableOutput">innerHTMLで、ここに表を出力</div> <br /> </body> </html>

javascriptによる動的なリンクの変更

javascriptによって、ラジオボタンをチェックする度に(チェックを変える度に) 動的にリンクを変更したいのですが、上手くいきません。すみませんが、どなたか教えていただけないでしょうか？ちなみに、下記は私が試したコードです。(全く動きませんが。) ラジオボタンのチェックを変えると、<a>タグのhrefの中身のURLが、そのボタンのvalueに対応して変わるようにしたいのですが。。 <FORM NAME="sample"> 選択して下さい -->　 <input type="radio" name="list" OnChange="UpdateLink()" value="http://www.yahoo.co.jp" />s <input type="radio" name="list" OnChange="UpdateLink()" value="http://www.vector.co.jp/authors/VA011407/" />m <input type="radio" name="list" OnChange="UpdateLink()" value="mailto:akirayu@a2.mbn.or.jp" />l <A href="samplelink">リンク更新!!</A> </FORM> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

javascriptについて

for ( i = 0; i ・・の使い方？

下記は普通に動きますが、ラジオボタンの内容をデータベースによって変更しているためボタンが１個だけの場合があります。その場合にもエラーにならない書き方についてアドバイスいただけないでしょうか。 <SCRIPT language=JavaScript> function set( n ) { for ( i = 0; i < document.main.shori.length; i++ ) { if ( document.main.shori[i].checked ) { shori_value = document.main.shori[i].value } } alert(shori_value) } </SCRIPT> <body onLoad="set(0);"> <FORM NAME=main> <INPUT TYPE="RADIO" NAME="shori" VALUE="１" onClick="set(0);" CHECKED>１　 <INPUT TYPE="RADIO" NAME="shori" VALUE="２" onClick="set(1);">２ </form>

「value」に2つの値をセットする方法

jQuery　変数の使い方について

jQuery　変数の使い方について【やりたいこと】ラジオボタンが複数ある為現在のアクションをまとめたい。 ■ $("input:radio[name='radio01']:checked").val(); の'radio01'の部分に変数を使いたい。 ■document.forms["MON"].hradio02.value の"MON"のフォーム名と、「hradio02」name部分に変数を使いたい。 http://kaicoo.blogspot.jp/2012/03/query_30.html 等を参考に元のソースから JSをまとめてみましたが、うまくいきません。 jQuery内の変数の記述方法を教えていただけませんでしょうか？よろしくお願いいたします。 ★JSをまとめたサンプルソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <script src="jquery.js"></script> <script type="text/javascript" language="JavaScript">  </script> </head> <body> <table border="1"> <FORM name="MON"> <tr> <td> 結果: </td> <td> <input type="radio" name="radio01" value="良好" onClick="setVal(this);" >良好 <input type="radio" name="radio01" value="不良" onClick="setVal(this);"> 不良 <input type="hidden" name="hradio01" value="未入力です。"> </td> </tr> <tr> <td> 結果2: </td> <td> <input type="radio" name="radio02" value="良好" onClick="setVal(this);" >良好 <input type="radio" name="radio02" value="不良" onClick="setVal(this);"> 不良 <input type="hidden" name="hradio02" value="未入力です。"> </td> </tr> </table> </Form> </body> </html> ★元のソースのサンプル <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <script src="jquery.js"></script> <script type="text/javascript" language="JavaScript">  </script> <script type="text/javascript" language="JavaScript">  </script> </head> <body> <table border="1"> <FORM name="MON"> <tr><td> 結果: </td> <td><input type="radio" name="radio01" value="良好" onClick="setVal_01(this);" >良好 <input type="radio" name="radio01" value="不良" onClick="setVal_01(this);"> 不良 <input type="hidden" name="hradio01" value="未入力です。"> </td> </tr> <tr> <td> 結果2: </td> <td> <input type="radio" name="radio02" value="良好" onClick="setVal_02(this);" >良好 <input type="radio" name="radio02" value="不良" onClick="setVal_02(this);"> 不良 <input type="hidden" name="hradio02" value="未入力です。"> </td> </tr> </table> </Form> </body> </html>

複数のラジオボタンのチェック

複数のラジオボタンが全て選択されているかどうかのチェックのJavaScriptをすっきりした形で書くのは、どうしたらいいでしょうか？下記のようですと、ダラダラと記述するようになってしまいます。どなたかご教授ください。 --------------------------------------- <script type="text/javascript"> function insert_onClick() { j=0; for (i=0 ;i < document.F1.a11.length ; i++){ if (document.F1.a11[i].checked) { j=1; } } } </script> <form action="check.php" name="F1" onsubmit="return insert_onClick()"> 各valueは0～4まであります <input type="radio" name="a11" value="0"> <input type="radio" name="a12" value="0"> <input type="radio" name="a21" value="0"> <input type="radio" name="a22" value="0"> <input type="radio" name="b11" value="0"> <input type="radio" name="b12" value="0"> <input type="radio" name="b21" value="0"> <input type="radio" name="b22" value="0"> ---------------------------------------

javascriptでラジオボタンをチェックさせて、それによってリンク

javascriptでラジオボタンをチェックさせて、それによってリンクを飛ばしたいと考えています。自分なりに調べて、作成したのですが、フレームを利用しており、ページ全体を移動（top）したいのですが、フレーム内でしか表示されません。 <HTML> <HEAD> <TITLE>らじお</TITLE> <SCRIPT LANGUAGE="JavaScript"> function jump(){ var flag = 0; for(i=0; i<document.forms[0].url.length; i++){ if(document.forms[0].url[i].checked){ flag = 1; window.location.href = document.forms[0].url[i].value; } } if(flag == 0){ alert('ラジオボタンが選択されていません。'); } } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm" checked>選択肢１<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm">選択肢２<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm">選択肢３ド<br> <INPUT TYPE="button" onClick="jump();" VALUE="移動"> </FORM> </BODY> </HTML> 上記状態で、あちらこちらに"_top"を挿入してみたのですが、うまくいきません。どなたかお知恵を拝借出来ませんでしょうか？

ラジオボタン：新しいウインドウでジャンプ先を開く

javascript初心者です。答えの選択肢が４つで、それぞれ別の飛び先に飛ぶクイズを作りたいと思っております。内容としましては、どれか１つのラジオボタンをチェックしたあとに、「回答する」ボタンを押すと正解、不正解1、不正解2、不正解3のどれかのページに新しいウインドウを開けて飛ばしたいです。同一ページ内の移動はできたのですが、新しいウインドウで飛ばす方法がわかりません。どうすれば正常に動くようになるのかアドバイスをいただけたらと思います。ソースは以下のように書いています。 <script language="JavaScript">  </script> <FORM name="url"> <table> <tr> <td><INPUT type="radio" name="list" value="http://www.yahoo.co.jp/">a</td> <td><INPUT type="radio" name="list" value="http://www.google.co.jp/">b</td> <td><INPUT type="radio" name="list" value="http://www.goo.ne.jp/">c</td> <td><INPUT type="radio" name="list" value="http://jp.msn.com/">d</td> <td><a href="javascript:Check()"><img src="btn_submit.gif" name="Image1" width="78" height="21" border="0"></a></td> </tr> </table> </FORM> よろしくお願いいたします。

フォームPOST後「戻る」時のチェック値の取得

フォームでPOSTをしたあと、history.backや戻るボタンで戻ったときに、POST時に選択したラジオボタンのcheckedもfalseになってしまうのですが、チェックされているものを取得することはできるのでしょうか。 ■form部分 <form name="form1" method="post" action="..."> <input type="radio" name="radio1" value="1">1<br /> <input type="radio" name="radio1" value="2">2<br /> <input type="radio" name="radio1" value="3">3<br /> </form> ■JavaScript部分 var radio1 = document.form1.radio; for(var i=0;i<radio1.length;i++) { if (radio1[i].checked) { alert(i); } } このようなコードで、選択してPOST後、「戻る」で入力ページ表示時にJavaScriptを実行しても、 radio1[i].checkedは全てfalseになってしまいます。また選択→POST→戻る→そのままPOSTとすると、選択したvalue値は正しくサーバーに送られます。「戻る」でのページ表示時に選択したものを取得する方法があれば教示いただけますか。

アラートを出したいのですが・・

以下のような感じでラジオボタンのリンクで、何も選択していない状態でGOボタンを押すとアラートが出るようにしたいのですが、どうしたらよいのかわからなくて困っています。できれば、フルーツを選んでない場合は「フルーツを選んでください」と、価格を選んでない場合は「価格を選んでください」と、両方選んでない場合は上記の2つとも出るようになれば理想なんですけど・・・どうか宜しくお願い致します。m(_ _"m)ペコリ <script language=javascript>  </script> <form action="javascript:void(0)"> <input type="radio" name="fruits" value="APPLE">リンゴ<br> <input type="radio" name="fruits" value="ORANGE">ミカン <BR><BR> <input type="radio" name="price" value="100.html">100円均一商品<BR> <input type="radio" name="price" value="300.html">300円均一商品<BR> <input type="radio" name="price" value="500.html">500円均一商品<BR> <BR><BR> <input type="button" value="GO" name="GO" onclick="check()"> </form>

自動的に連番生成したURLにリンクを張りたい

任意の数字を入力するだけでその数だけ連番のリンクを作りたいのですが方法がわかりません。自動で連番のURLを生成することは出来ました。しかし、リンクを張ることが出来ず、現在の方法ではいつまでたっても解決しないような気がしています。指定した任意の数だけ自動的に連番URLを生成し、さらにリンクを張り表示する方法はないでしょうか？具体的には「３」という数字を指定することで <a href="http:***.com/01.html">01</a> <a href="http:***.com/02.html">02</a> <a href="http:***.com/02.html">02</a> といったリンクを自動で作りたいと思っております。・http:***.com/という部分は自動ではなく事前に指定します。現在の状態 <head> <script language="JavaScript" type="text/javascript"> function $(x){ return document.getElementById(x); } function numbering(){ var base = $("base").value; var begin = parseInt($("begin").value); var end = parseInt($("end").value); var zerosup = $("zero").checked; var result = $("result"); result.innerHTML = ""; if(begin > end){ alert("Too large begin number!"); return; } var zerosupsize = 0; if(!zerosup){ zerosupsize = ("" + end).length; } var r = ""; for(var i=begin; i<=end; i++){ var num; if(!zerosup){ num = fill_left(String(i), "0", zerosupsize) }else{ num = String(i); } r += base.replace(/\$/gm, num) + "\n"; } result.innerHTML = r; } function fill_left(s, x, size){ var n = size - s.length; if(n > 0){ s = repeat(x, n) + s; } return s; } function repeat(x,size){ var s = ""; for(var i=0; i<size; i++){ s += x; } return s; } </script> </head> <body> <form id="numbering"> base($の部分を数字に置換) : <input id="base" type="radio" size="100" value="http://www.****.com/$.html"></input><br /> zero suppress : <input id="zero" type="checkbox" checked></input><br /> begin : <input id="begin" type="text" value="1" size="10"></input><br /> end : <input id="end" type="text" value="20" size="10"></input><br /> <input id="create" type="button" value="numbering!" onclick="numbering()"></input><br /> </form> <textarea id="result" cols="80" rows="10"></textarea> </body> どうかよろしくお願いいたします。

色をラジオボタンで選択

エレメントでボタンを押すと色を変えるJavaScriptです。検索をしながら　ボタンで一度変えることはできるようになりましたが <script type="text/javascript"> function effect() { var element = document.getElementById("sample"); element.style.color = '#000000'; } </script> <button onclick="effect()">チェンジ</button> <span id="sample">■□□■</span> ラジオボタンで選択するようにしたいのですがどのようにすればよいでしょうか？うまくいく方法を教えてください。ブラウザーはGoogle Chrome最新版です。どうしてもできなければ　Firefoxでもかまいません。 <script type="text/javascript"> function effect() { var element = document.getElementById("sample"); element.style.color = '#000000'; } </script> <input type=radio name="colorcode" value="#000000" checked>黒 <input type=radio name="colorcode" value="#ff0000">赤 <input type=radio name="colorcode" value="#00ff00">緑 <span id="sample">■□□■</span>

自動計算の合計金額を次ページで表示

いつも『教えて！goo』を活用させていただきありがとうございます。またお世話になます。今回はJavascriptで自動計算させた合計金額を、別ページで表示させることで困っております。同じページで合計金額の表示はでき、それを基にパラメータで引き渡そうとしているのですが、なかなかうまくいきません。同じページで合計金額の表示のタグ構成は以下のとおりです。＜自動計算側ページ：index.html＞＝＝＝＝＝＝＝＝＝＝＝＝ <html> <head> <SCRIPT language="JavaScript">  </SCRIPT> </head> <body> <form> <p> <input type="radio" name="group1" value="30" />金：30円 <input type="radio" name="group1" value="20" />銀：20円 <input type="radio" name="group1" value="10" />銅：10円 </p> <p> <input type="radio" name="group2" value="400" />ダイヤモンド：300円 <input type="radio" name="group2" value="300" />サファイア：200円 <input type="radio" name="group2" value="200" />ルビー：100円 <input type="radio" name="group2" value="100" />アメジスト：100円 </p> <p> <input type="radio" name="group3" value="3000" />リチウム：3,000円 <input type="radio" name="group3" value="2000" />チタン：2,000円 <input type="radio" name="group3" value="1000" />白金：1,000円 </p> <hr /> <p><input type="button" value="合計金額を計算" onClick="cal(this.form)" /><br /> 合計：<input type="text" name="price" style="text-align:right" size="10" />円</p> </form> </body> </html> <p><input type="button" value="合計金額を計算" onClick="cal(this.form)" /><br /> 合計：<input type="text" name="price" style="text-align:right" size="10" />円</p> の箇所を<input type="submit" value="次ページで計算" />に書き換えて、 function cal(f){内に var pram="price="+price location.href="price.html?"+price; return false; を追記し、以上でテストすると＜index.html?group1=30&group2=300&group3=1000#＞といった風に radioボタンのnameとvalueが付いてしまい＜price.html＞にリンクしません。以下に＜合計金額表示ページ：price.html＞も明記させていただきますので皆様には、大変ご迷惑をおかけしますが、何卒ご回答の程よろしくお願い申し上げます。＜合計金額表示ページ：price.html＞＝＝＝＝＝＝＝＝＝＝＝＝ <html> <head> <SCRIPT language="JavaScript">  </script> </head> <body onload="pramWrite()"> <form name="form1" action="#"> 合計：<input type="text" name="price" style="text-align:right" size="10" />円 </form> </body> </html>

ラジオボタン

<html> <head> <title></title> <script type="text/javascript"> function check() { var s=0; if(document.forms["f2"].elements["stay"].checked) { var radios = document.forms["f2"].elements["aa"]; if(document.forms["f2"].elements["aa"].checked) s += 1800; if(document.forms["f2"].elements["aa"].checked) s += 2800; if(document.forms["f2"].elements["aa"].checked) s += 3800; if(document.forms["f2"].elements["aa"].checked) s += 2000; document.forms["f2"].elements["total"].value = s ; } } </script> </head> <body> <form name="f2" action="#"> <h4>Q1.テーマパークに入りますか？</h4> <p> <input type="checkbox" name="stay" value="">入場する </p> <h4>Q2.年齢は？</h4> <p> <input type="radio" name="aa" value="" checked>6歳未満 <input type="radio" name="aa">6歳以上18歳未満 <input type="radio" name="aa">18歳以上60歳未満 <input type="radio" name="aa">60歳以上 </p> <h4>入場料金は次の通りです。</h4> <p> <input type="button" value="計算" onclick="check();"> <input type="text" name="total" value="" size="18">円です。 </p> </form> </body> </html> これでやると何を選択しても0円になるんですけど、どうすればいいですか？

ラジオボタンについて

つまらない質問ですがどうか教えてください。 <form name="myform"> ・・・ <INPUT TYPE="RADIO" NAME="R1" VALUE="1">関連あり</INPUT> <INPUT TYPE="RADIO" NAME="R1" VALUE="2">関連なし</INPUT> <INPUT TYPE="RADIO" NAME="R1" VALUE="3">不明</INPUT> </form> 上記のようなラジオボタンを作ったのですが、このラジオボタンのチェックされた値を取得するには document.myForm.cGyoumu.value ではできないのでしょうか？ LOOPさせながらdocument.myForm.elements(i).checked で探さないと取得できないのでしょうか？同じフォーム内にラジオボタンが複数あるため、この方法はあまりやりたくありません。ほかに方法がありましたら、どうか教えてください。

localStorageでのcheckbox制御

下記記載のプログラムをこちらから改変して作成しました。 http://jsdo.it/twi_masa/hx8D 質問1 保存を押すとtrueかfalseの値が保存されますが、ページ読み込み直後にtrueだったらチェックあり。falseだったらチェックなしの状態にするにはどのように書けばよろしいでしょうか。質問2 チェックボックス2も1と同様に使いたいのですが、どのように書けばよいのかわかりません。よろしくお願いします。 <table> <tr> <td>チェックボックス</td> <td> <input type="checkbox" id="checkbox1" value="0">チェック1 <input type="checkbox" id="checkbox2" value="0">チェック2 </td> </tr> </table> <input type="button" value="保存" onclick="hx8D.save();"> <script> var hx8D = function(){ var HX8D = function(){ }; HX8D.prototype = { save : function(){ var elements = document.getElementsByTagName("input"); for(var i=0; i<elements.length; i++){ var type = elements[i].type; var key = elements[i].id; if(type == "text"){ localStorage[key] = elements[i].value; }else if(type == "checkbox"){ localStorage[key] = elements[i].checked; document.getElementsByName("checkbox1")[i].checked = true; } } }, }; return new HX8D(); }(); </script>

HTAとVBSでのアプリケーションについて

HTAとVBSで簡単なプログラムを作っているのですがどうしてもライン:13 文字:1 オブジェクトがありません。：'document.anim.se(..)checked' となってしまいます。詳しい方がいらっしゃれば、どのように直せば動くかご教授ください。 <html> <head> <script language="VBScript">  </script> <body> <form name="anim"> <input type="radio" name="se" value="neko" checked>猫<br> <input type="radio" name="se" value="inu">犬<br> <input type="radio" name="se" value="tora">虎<br> <input type="radio" name="se" value="tyou">蝶<br> </form> <form> <input type=button onclick="Ctrl():" value="GO"> </form> </body></html>

オブジェクト名に変数を使いたい

<form id="form1" name="form1" method="post" action=""> <label for="q1-1"><input id="q1-1" name="q1" type="radio" value="1" />あ</label> <label for="q1-2"><input id="q1-2" name="q1" type="radio" value="0" />い</label> <label for="q1-3"><input id="q1-3" name="q1" type="radio" value="0" />う</label> <label for="q1-4"><input id="q1-4" name="q1" type="radio" value="0" />え</label> <label for="q2-1"><input id="q2-1" name="q2" type="radio" value="1" />あ</label> <label for="q2-2"><input id="q2-2" name="q2" type="radio" value="0" />い</label> <label for="q2-3"><input id="q2-3" name="q2" type="radio" value="0" />う</label> <label for="q2-4"><input id="q2-4" name="q2" type="radio" value="0" />え</label> </form> ============================================================ 上のような４択の問題が10問あります。これを採点して合計点数を表示させたいと思っていますが、下記のようにfor文を使う際、オブジェクト名の、"q1"の"1"というところに変数nを使いたいのですが、やり方がわかりません。 ============================================================ for(var n=0;n<10;n++){ var length=document.form1.q1.length; for(var i=0;i<length;i++){ var checked=document.form1.q1[i].checked; if(checked==true){ ans = i; } } var value=document.form1.q1[ans].value; } ============================================================ いろいろ調べてみましたが、うまくいかず固まっております。どなたかご教授いただけませんでしょうか？

form内に2つ以上のブロック要素があるとjavascriptが動作し

form内に2つ以上のブロック要素があるとjavascriptが動作しません。タイトルの通りですが、form内にラジオボタンとチェックボクスをdivで１つだけ囲むとラジオボタンで選択した箇所の2つのチェックボックスが有効になるようにはしたんですが、デザインの為にこれをラジオボタンとチェックボックスとそれぞれ<div>で囲むとjavascriptが動かなくなります。 javascriptの書き方を変えれば行けるような気がするのですがギブアップしました。どなたかここを有効に出来るようなスクリプトを教えていただけないでしょうか。初歩的な質問で申し訳なく思いますが、どうかよろしくお願いいたします。 <html> <head> <title>test</title> <SCRIPT TYPE="text/javascript">  </SCRIPT> <style type="text/css">  </style> </head> <body onload="checkfunc()"> <div id="wrap"> <form id="chkbtn" action="#"> <div class="radio_style"> <input type="radio" name="now" value="1" onclick="checkfunc()" onkeypress="checkfunc()" checked="selected" />宿泊<br /> </div> <div class="detail"> <input type="checkbox" id="h1box" checked="selected" />  ホテル<br /> <input type="checkbox" id="h2box" checked="selected" />  ビシネスホテル<br /> </div> <div class="radio_style"> <input type="radio" name="now" value="2" onclick="checkfunc()" onkeypress="checkfunc()">グルメ </div> <div class="detail"> <input type="checkbox" id="g1box" checked="selected" />  うどん<br /> <input type="checkbox" id="g2box" checked="selected" />  そば<br /> </div> </form> </div> </body> </html>

HTMLを使ってinnnerHTMLで自動生成された表を出力したい

innerHTMLで自動生成された表を出力させたい

質問者が選んだベストアンサー

お礼 2013/05/17 09:56

関連するQ&A

innerHTMLでのテーブル作成

javascriptによる動的なリンクの変更

javascriptについて

AIは使う人の年齢や市場にも影響する？人工知能の可能性

for ( i = 0; i ・・の使い方？

「value」に2つの値をセットする方法

jQuery　変数の使い方について

複数のラジオボタンのチェック

javascriptでラジオボタンをチェックさせて、それによってリンク

ラジオボタン：新しいウインドウでジャンプ先を開く

フォームPOST後「戻る」時のチェック値の取得

アラートを出したいのですが・・

自動的に連番生成したURLにリンクを張りたい

色をラジオボタンで選択

自動計算の合計金額を次ページで表示

ラジオボタン

ラジオボタンについて

localStorageでのcheckbox制御

HTAとVBSでのアプリケーションについて

オブジェクト名に変数を使いたい

form内に2つ以上のブロック要素があるとjavascriptが動作し

注目のQ&A

カテゴリ

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

専門家に質問してみよう

HTMLを使ってinnnerHTMLで自動生成された表を出力したい

innerHTMLで自動生成された表を出力させたい

質問者が選んだベストアンサー

お礼 2013/05/17 09:56

関連するQ&A

innerHTMLでのテーブル作成

javascriptによる動的なリンクの変更

javascriptについて

AIは使う人の年齢や市場にも影響する？人工知能の可能性

for ( i = 0; i ・・の使い方？

「value」に2つの値をセットする方法

jQuery 変数の使い方について

複数のラジオボタンのチェック

javascriptでラジオボタンをチェックさせて、それによってリンク

ラジオボタン：新しいウインドウでジャンプ先を開く

フォームPOST後「戻る」時のチェック値の取得

アラートを出したいのですが・・

自動的に連番生成したURLにリンクを張りたい

色をラジオボタンで選択

自動計算の合計金額を次ページで表示

ラジオボタン

ラジオボタンについて

localStorageでのcheckbox制御

HTAとVBSでのアプリケーションについて

オブジェクト名に変数を使いたい

form内に2つ以上のブロック要素があるとjavascriptが動作し

注目のQ&A

カテゴリ

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

専門家に質問してみよう

jQuery　変数の使い方について