• ベストアンサー

買い物カゴの作成

質問です。HTMLはまったくの初心者なのです。 一応項目を白、赤(１０００円)、黄色 （＋５００円）があり、他には買い物カゴボタンと 数量を入れる箇所があるのですが 項目を赤（１０００円）を選んで買い物カゴボタン を押しても当然値段は変わることがありません。 なんとか値段も変わるようにしたいのですが、 <INPUTtype='hidden'name='sy'value='************'> この***********の部分には数字が入っているのですが ここを変えれば買い物カゴに登録してある別の商品に変わることは確認しています。（リンク先が変わる） そこでいくつも<INPUTtype～～************'>を作 り、赤（１０００円）や白、の項目を変えれば自動で 別のリンク先（別の商品に）行くようにHTMLを書き 換えたいと考えています。どのようにＨＴＭＬを変えればよいのでしょうか？ <TITLE></TITLE> </HEAD> <BODY><FORM action='http://www.e-sho***.jp/*****/*****_order_***.php' method='post' target='_blank' style='margin:0;font-size:10pt'> 色：<SELECT name="spec1"> <option value="色:白">白</option> <option value="色:赤（+１０００円）">赤（+１０００円）</option> <option value="色:黄色（＋５００円）">黄色（＋５００円）</option> </SELECT> <br> <BR> <!-- 数量指定ここから --> 注文数<INPUT size='3' type='text' maxlength='3' style='ime-mode: disabled' value='1' name='suryo'> 個 <!-- 数量指定ここまで --> <br> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='************'> <INPUT type='hidden' name='sh' value='***'>

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

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

  • ベストアンサー
noname#58564
noname#58564
回答No.6

#3です。 前回紹介したスクリプトで質問された通りの結果がでたようでよかったです。 スクリプトエラーの件ですが、こちらの環境(Dreamweaver)ではエラーはでませんでした。 また、実際の表示では問題ないということですので大丈夫かとは思いますが、思い当たるのは表示ブラウザのバージョンの問題です。 ブラウザのバージョンが古いと「オブジェクトを指定してください」というエラーがでる場合があります。 そのあたりはあまり詳しくはないので、はっきりしたことは申し上げられませんが、推測するにはそのホームページビルダーのブラウザをエミュレート(再現)する環境が古いのではないかな…とはなんとなく思います。(^-^; ------------------------------------------------- 蛇足ですが、先日書いたスクリプトはjavascriptを使用していますが、これは利用者のブラウザが古い場合やjavascriptがオフになっている場合には利用できません。ですので本来ならばCGI(レンタルしたショッピングカートですね)側で実現するべきことです。 まして、金銭を扱うショッピングカートですので本当はこのスクリプトはあまりオススメできません。 ですのでもしそういったことに配慮するのであれば、「Tシャツ赤　1,000円　『買い物かごに入れる』」「Tシャツ青　3,000円　『買い物かごに入れる』」「Tシャツ黄　5,000円　『買い物かごに入れる』」と全て別々で記述したほうがよいでしょう。 またもしCGI側で実現させたい場合はフリーのショッピングカートCGIなどをご自分で導入されたほうがよいかと思います。 下のアドレスはわたしがお遊びで作ったショッピングサイト(本当のお店ではない)ですが、これもフリーのショッピングカートのCGIを使っています。 http://bakeryash.jpn.org/shopping/list_basic1.html ------------------------------------------------- 前回紹介しましたスクリプトは複数設置する場合は変更しなければいけない箇所があるのですが、お気づきでしょうか？ <FORM name=form1>とCart001の部分ですが…。 また何かあったら補足してください♪

sabacchi
質問者

お礼

丁寧な説明本当にありがとうございました！！

その他の回答 (5)

noname#58564
noname#58564
回答No.5

#3です。 ふと思いついたので適当に書いてみました。 カートは試用するのに申し込んでから時間がかかるようなのでカート上では実行してみてはいません。 なのでうまく動くかどうかはわからないですが…。 色を選択すると<INPUT type='hidden' name='sy' value='************'>と<INPUT type='hidden' name='sh' value='***'>の*の値が連動して変化するようにしたスクリプトです。 一度試してみてもらえますか？ とりあえず変更箇所は●、■、▲の部分だけです。(//のあとに記述されたコメント部分は変更しなくてよいです。) 根本的に意味が違ったらすみません。(^-^;; <html> <head> <TITLE></TITLE> </HEAD> <BODY> <FORM name=form1 onsubmit="mai('s');return false;" action='http://www.e-sho***.jp/*****/*****_order_***.php' method='post' target='_blank' style='margin:0;font-size:10pt'> 色： <SELECT onchange=Cart001(); name="spec1"> <OPTION value=0 selected>選択してください　</OPTION> </SELECT> <br> <BR> <!-- 数量指定ここから --> 注文数 <INPUT size='3' type='text' maxlength='3' style='ime-mode: disabled' value='1' name='suryo'> 個 <!-- 数量指定ここまで --> <br> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <input type="hidden" onchange=Cart001(); name=sy> <input type="hidden" onchange=Cart001(); name=sh> </form> <script type="text/javascript"> document.form1.spec1.length = 4; document.form1.spec1.options[1].text = "赤 (1,000円)"; //● document.form1.spec1.options[2].text = "青 (3,000円)"; //■ document.form1.spec1.options[3].text = "黄 (5,000円)"; //▲ </script> <script type="text/javascript"> <!-- function Cart001(){ document.form1.sy.length = 1; var n = document.form1.spec1.selectedIndex switch (n) { //ここより下、商品番号を変更する case 1: //1番目の商品番号 (●) document.form1.sy.value = "●"; // 赤の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を●に置き換える document.form1.sh.value = "●"; // 赤の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を●に置き換える break; case 2: //2番目の商品番号 (■) document.form1.sy.value = "■"; // 青の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を■に置き換える document.form1.sh.value = "■"; // 青の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を■に置き換える break; case 3: //3番目の商品番号 (▲) document.form1.sy.value = "▲"; // 黄の場合の<INPUT type='hidden' name='sy' value='************'>の************に入る値を▲に置き換える document.form1.sh.value = "▲"; // 黄の場合の<INPUT type='hidden' name='sh' value='***'>の***入る値を▲に置き換える break; //変更ここまで } } // --> </script> </body> </html>

sabacchi
質問者

補足

すばらしいです。出来ました。ありがとうございます。 ただ問題が一つ出たのですが・・。 このソースを使ってボタンを作成すると、Internet expolrer スクリプトエラー　というのが出ます。 ライン　　9 文字　　1 オブジェクトを指定してください。 ＵＲＬ　・・・・・・・ このスクリプトを実行し続けますか？と聞かれ はいを押すとちゃんと実行できます。 このエラー文字はなぜ出るのでしょうか？ ボタンを押すごとに毎回でます。 どうにか解決できる方法はないでしょうか？ よろしくお願いします。。

  • partita
  • ベストアンサー率29% (125/427)
回答No.4

#2です。 デフォルトの買い物カゴの仕様改造と解釈しました。 １．セレクトメニューにonChangeで関数を起動させるようにしてはどうでしょうか。hiddenの値をphpに渡す関数です。 ２．<option value="色:白">白</option>のvalue値って、意味をなしていないと思うのですが…。

noname#58564
noname#58564
回答No.3

横レスすみません。 もしよろしければそのレンタルカートのアドレスを教えていただけますか？ レンタル元でいいです。 そのカート自体を見ることができれば的確なアドバイスができると思いますよ。

sabacchi
質問者

お礼

前のソースエラーが出たというのはホームページビルダーの中でのプレビューでの話です。実際ＨＰにアップし、使う分には何も 表示されませんし、問題なく使えます。 ただホームページビルダーの中ではスクリプト エラーと出たので気になりました。

sabacchi
質問者

補足

ありがとうございます。 http://cart.e-shops.jp/ ここのレンタルカートなのですが、属性（セレクト メニュー）はいくつも作ることは出来るのですが 属性ごとに値段を変える機能がないため困っています。 お試し期間もありますので一度使っていただける と助かります。 具体的に言いますと http://www.aromashop.jp/shop/ProductSearch.do;jsessionid=BD5ACFA8466AAB944FC1C0EE2D00953C?action=simplelist&search=2&grand_genre_id=105&genre_group_id=1&sub_genre_id=10501 ここのＨＰのように項目ごとに値段を付けたいの ですが、イーショップは属性が決めることが出来ても 値段をそれぞれ付けるといったことが出来ません。 よろしければアドバイスお願いします。

  • partita
  • ベストアンサー率29% (125/427)
回答No.2

質問の意図がいまいちわかりません。 ＞赤（１０００円）や白、の項目を変えれば自動で 別のリンク先（別の商品に）行くようにHTMLを書き 換えたいと考えています。 とありますが、では、「カゴに入れる」ボタンを押したら移動するのではなく、「セレクトメニューを変えたら自動でページが移動する」と解釈してもよいでしょうか。また、その際に表示されるページの内容は？

sabacchi
質問者

補足

説明が足らずすみません。 ＞では、「カゴに入れる」ボタンを押したら移動する ＞のではなく、「セレクトメニューを変えたら自動で ＞ページが移動する」と解釈してもよいでしょうか。 ＞また、その際に表示されるページの内容は？ いえ、セレクトメニューを変えたら自動でページが 移動するのではなく、セレクトメニューを選んで 買いのもカゴボタンを押して、移動します。 ここは変更はありません。問題は移動先ですが、移動先をセレクトメニューで変更できるようにしたいと考 えています。 移動先ですが、私が使っているレンタルカートは 一番最初に書いたソースを登録商品ごとにくれます。 このソースをＨＴＭＬとして貼り付けるとボタンも 出来て、ボタンを押すとリンク先に飛ばされます。 （商品ごとの違いは先にも書きましたが****の数字のみです。つまり商品の数だけ数字があるわけです。） そこでセレクトメニューで項目を選ぶとこの数字も連 動して変わるようにＨＴＭＬを書き換えられば 価格の違う複数の商品を一つのボタンでまとめられるので全て上手くいくのですが・・。 とてもややこしい説明で申し訳ありません。 意味の分からないところがあれば指摘してください。 よろしくお願いします。

noname#210211
noname#210211
回答No.1

HTMLだけでは動作しませんがそのあたりはご存知なのですよね？ フォームだけ作ってもだめですよ。

sabacchi
質問者

補足

すみません。フォームだけでは作動しないというのは なぜでしょうか？私は作動すると思うのですが・・。 カートで商品登録するとカートボタン付きのＨＴＭＬ （ソース）を貰うことが出来ます。（前に書いた物です。） しかし何個登録しても同じソースがもらえるます。 違うのは１２桁ほどの数字だけです。 つまりこの数字が商品の識別番号ではないのでしょうか？。手動で数字を変えてみると別の登録した商品 に飛ばされ、買い物カゴにその商品が入ります。 その手動でやった部分を、項目（商品の属性）を選ぶ ことで自動で任意の数字が適応され、商品を買い物カ ゴに入るようにしたいです。 このようなことはやはり出来ないのでしょうか？ よろしくお願いします。

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

関連するQ&A

  • 買い物カゴについて

    すいません。レンタルショッピングカートについて 質問です。 現在、商品を登録する以下のようなソースがもらえる タイプのショッピングカートを使っています。 このソースはすでにボタンも付いているのですが 出来ればこのボタンの部分を変えて、普通に ＨＴＭＬで書いた文字をボタンの代わりにしたいと 考えています。そのようなことは可能でしょうか？ <FORM action='http://www.e-sh****.jp/******_order_new.php' method='post' target='_blank' style='margin:0;font-size:10pt'> <BR> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='*******************'> <INPUT type='hidden' name='sh' value='***'> </FORM> <BR>

    • ベストアンサー
    • HTML
  • ラジオボタンでうまくするには・・・・

    初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>１</OPTION> <OPTION value=2>２</OPTION> <OPTION value=3>３</OPTION> <OPTION value=4>４</OPTION> <OPTION value=5>５</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で１・２・３・４・５のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">１袋<BR> <INPUT type="radio" name="name1" value="3900">２袋<BR> <INPUT type="radio" name="name1" value="5800">３袋<BR> <INPUT type="radio" name="name1" value="7500">４袋<BR> <INPUT type="radio" name="name1" value="8500">５袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。

    • ベストアンサー
    • HTML
  • HTMLをおしえてください。

    こちらはPC初心者です。 HTMLここまでつくりました。 名前　<INPUT TYPE="text" NAME="name"><br> ハンドルネーム　<INPUT TYPE="text" NAME="name"><br> 好きな色は？ <SELECT NAME="color"> <OPTION SELECTED>選んでください。</OPTION> <OPTION VALUE="red">赤</OPTION> <OPTION VALUE="blue">青</OPTION> <OPTION VALUE="yellow">黄</OPTION> </SELECT><br> 行きたい国は？<br> <INPUT TYPE="checkbox" NAME="usa" VALUE="on">アメリカ<br> <INPUT TYPE="checkbox" NAME="china" VALUE="on">中国<br> <INPUT TYPE="checkbox" NAME="france" VALUE="on">フランス<br> <INPUT TYPE="checkbox" NAME="germany" VALUE="on">ドイツ<br> 感想<br><TEXTAREA NAME="comment" ROWS="4" COLS="30"></TEXTAREA><br> <INPUT TYPE="submit" VALUE="送信"><INPUT TYPE="reset" VALUE="書き直し"> </FORM> </BODY> 送信ボタンをおすとアウトルックが起動するようにしたいです。 書き直しボタンを押すと全部リセットできるようにしたいです。 どうかご指導の方をよろしくおねがいします。

  • 買い物カゴとＨＴＭＬ

    こんにちは。質問があります。 当方、現在、商品を登録する以下のようなソースがもらえる タイプのショッピングカートを使っています。 またこのソースにはボタンがすでに付属されています。（ソースを貼るとボタンもあります） 現在ＨＰビルダー９にてＨＰを作成しているのですが このボタンの代わりにＨＰビルダーで書いた文字を クリックするとこのボタンの代わりになるように （リンク先に移行し買い物カゴに商品が入るように）したいと考えています。どのようにすればいいのでしょうか？ <FORM action='http://www.e-shops2.jp/kago2/****_order_new.php' method='post' target='_blank' style='margin:0;font-size:10pt'> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='*********'> <INPUT type='hidden' name='sh' value='***'> </FORM> <BR>

  • 携帯用アンケートページを作成したけど、携帯によってエラーがでてしまう。

    携帯用ページを作成したのですが、機種によりエラー（「ページが表示できません」か「Forriden」）がでてしまいます。全キャリア共通で使いたいのでおかしい部分がありましたら教えてください。よろしくお願いします。 <!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"><TITLE>xxx</TITLE></HEAD> <BODY><form method="post" action="/cgi-bin/xxx.cgi"> <br>性別<br><input type="radio" name="rc_seibetu" value="男" checked>男<br><input type="radio" name="rc_seibetu" value="女">女<input name="cc_seibetu" type="hidden" value="性別"> <br>キャリア<br><input type="radio" name="rc_com" value="ドコモ" checked>ドコモ<br><input type="radio" name="rc_com" value="voda">voda<br><input type="radio" name="rc_com" value="au">au<br><input type="radio" name="rc_com" value="Tu-Ka">Tu-Ka<input name="cc_com" type="hidden" value="キャリア"> <br>機種<br><input name="oa_kisyu" type="text" value="例）xxx" size="14"><input name="cc_kisyu" type="hidden" value="機種"> <textarea name="oa_body">ご要望</textarea><input name="cc_body" type="hidden" value="ご要望"> <br><INPUT NAME="oa_mailtitle" TYPE="hidden" VALUE="xxx"><INPUT NAME="om_mailto" TYPE="hidden" VALUE="xxx@xxx.co.jp"><INPUT NAME="oh_page_confirm" TYPE="hidden" VALUE="cm_confirm"><INPUT NAME="oh_errpage_nodata" TYPE="hidden" VALUE="cm_nodata"><input type="submit" value="送信"><br></form></BODY>

    • 締切済み
    • CGI
  • セレクトボックスとチェックボックスを使った絞込み検索

    Yomi-Searchについての質問なのですがタイトルの通りの質問でチェックボックスを使った絞り込み検索では 01_03 04_01 と検索結果に表示されるのですがセレクトボックスとチェックボックスを組み合わせて絞り込み検索をしてみると 01_0304_01 とこのようにカテゴリとカテゴリの間にスペースが入らず絞り込み検索が出来ません‥ タグはこのように書きました。 <FORM action="http://www..." method="get" target="" name="form1"> <INPUT type="hidden" name="mode" value="search"> <INPUT type="hidden" name="page" value="1"> <INPUT type="hidden" name="sort" value="mark"> <INPUT type="hidden" name="engine" value="pre"> <INPUT type="hidden" name="kn" value="30"> <SELECT size="1" name="word"> <OPTION type="selected" value="">--------</OPTION> <option value="01_01" name="word1">○○○</option> <option value="01_02" name="word2">○○○</option> <option value="01_03" name="word3">○○○</option> </SELECT><BR> <BR> <INPUT type="checkbox" name="word4" value="04_01">○○○<BR> <INPUT type="checkbox" name="word5" value="04_02">○○○<BR> <INPUT type="checkbox" name="word6" value="04_03">○○○<BR> <BR> <INPUT type="submit" value=" 検 索 "> <INPUT type="reset" value="リセット"> &nbsp; </FORM> 全くの初心者ですいませんが良きアドレスなどをお願いします。

  • 複数プルダウンで検索

    楽天市場自社サイト内に、３種類のプルダウンから選択した商品を検索したく試行錯誤していますが私の知識では限界だと言うことがわかりました。 お力をいただければと思い投稿いたしました。 何か良い方法はありますでしょうか <BODY> <FORM name="myForm" method="GET" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc?" target="_blank"> 種類<BR> <SELECT NAME="t1"> <OPTION VALUE="Ｔシャツ" SELECTED>Ｔシャツ <OPTION VALUE="Ｇパン">Ｇパン <OPTION VALUE="トレーナー">トレーナー </SELECT> <BR> サイズ<BR> <SELECT NAME="t2"> <OPTION VALUE="Ｓ" SELECTED>Ｓ <OPTION VALUE="Ｍ">Ｍ <OPTION VALUE="Ｌ">Ｌ </SELECT> <BR> 色<BR> <SELECT NAME="t3"> <OPTION VALUE="レッド" SELECTED>レッド <OPTION VALUE="ホワイト">ホワイト <OPTION VALUE="ブラック">ブラック </SELECT> <BR> <BR> <BR> <input type="hidden" name="sid" value="xxxxxx"><input type="hidden" name="su" value="xxxxxx"><input type="hidden" name="sn" value="xxxxxx"><input type="text" name="sitem"><BR> <input type="button" name="sitem" value="結合" onClick="ketugou()"><BR> <BR> <br> <input type="submit" value="商品検索"></FORM> </BODY>

  • フォーム内だけで"EUC-JP"を使う具体的なソースを教えてください

    フリーのショッピングカートを使って ー－－－－－－－－－－－－－－－－－－－－－－－－－－ <form method="post" action="http://xxx.com/web_cart/cart.php" accept-charset="EUC-JP"> <div align="center"><img src="http://xxx.com/web_cart/img.php?path=./item_img/1_0.jpg&scale=150" width="188" height="188" border="0" /><br /> カラー： <select name="i_opa_value"> <option value="白">白</option> <option value="青">青</option> </select><br /> 数量： <select name="i_cnt"> <option value="1">1</option> <option value="2">2</option> </select> <br /> <input type="submit" value="カートに入れる"> <input type="hidden" name="cart_md" value="in"> <input type="hidden" name="i_num" value="1"> </div> </form> ー－－－－－－－－－－－－－－－－－－－－－－－－－－ というソースの白、青という文字を"EUC-JP"で 送らなければならないですが、上記の内容だとIEで うまく動きません。 http://search.web-sun.com/zatu/charset.html も教えていただいたのですが、試行錯誤もむなしく、 実現できない状態です。 図々しいのですが、具体的なソースを教えていただけると 大変助かります。

    • ベストアンサー
    • CGI
  • 見よう見まねで以下のように作成してみたのですが

    見よう見まねで以下のように作成してみたのですが 作動しませんでした。 （当方javascript初心者です） どこに問題があるのか、指摘してくださる方を探しています。 極めて初歩的なところで誤っているのだろうと思いますので 質問するのも恐縮なのですが・・・ どなたかよろしくお願いいたします。 ------------------------------------------ <HTML> <HEAD> <script language="JavaScript"> function calc(){ var a = document.form1.001.value; var b = document.form1.002.value; var c = document.form1.003.value; var d = document.form1.004.value; var total = a + b + c + d; document.form1.field.value = total; } </script> </HEAD> <BODY> <BR><BR> <form name="form1"> <Select name="001"> <Option value="10">case1 <Option value="20">case2 </Select>ケース <BR><BR> <INPUT size="15" type="text" name="002">number <BR><BR> <Select name="003"> <Option value="100">volume1 <Option value="200">volume2 <Option value="300">volume3 </Select>ボリューム <BR><BR> <Select name="004"> <Option value="0">N <Option value="50">size1 <Option value="100">size2 <Option value="150">size3 </Select>サイズ <BR><BR> <INPUT type="button" name="calc" value="計算" onClick="calc()"><BR><BR> <input size="15" readonly="readonly" name="field" type="text">total </form> </BODY> </HTML>

  • ボタンで選択されていないセレクトメニューの非反映２

    前回、「ボタンで選択されていないセレクトメニューの非反映」という質問をさせて頂いたものです。 http://okwave.jp/qa/q7093835.html 文章構成などは下記のHTMLをしようしているのですが…。 「蓋付きのボックス」の＜ラジオボックスをチェックしなければ選択できない＞はクリアできたのですが、「蓋付きバスケット」の方で迷っています。 後はこれで合計金額がきちんと出ればいいのですが…、 もうすこしお力とお時間を頂けないでしょうか？ <html> <head> <title>簡単見積もり表</title> <script Language="JavaScript"> <!-- function calc() { n = 0; fObj = document.myFORM; n += eval(fObj.sel0.options[fObj.sel0.selectedIndex].value); n += eval(fObj.sel1.options[fObj.sel1.selectedIndex].value); for (i=0; i<3; i++) if (fObj[i].checked) n += eval(fObj[i].value); for (i=3; i<19; i++) if (fObj[i].checked) n += eval(fObj[i].value); fObj.result.value = n; } function linker(evt){ var t = evt.target || evt.srcElement; if(t.nodeName != "INPUT" || t.type != "radio") return; var sel, i, s; sel = t.form.getElementsByTagName("select"); for(i=0; s=sel[i++];) if(/(^| )linkage( |$)/.test(s.className)){ t = s.previousSibling; while(t && (t.nodeName != "INPUT" || t.type != "radio")) t = t.previousSibling; if(t) s.disabled = !t.checked; } } // --></script> </head> <body> <form name="myFORM" action="#" onclick="linker(event)"> <BR> <b>セットの果物を一つお選び下さい</b><br> <input type="radio" name="ch1" value="100">りんご（100円） <input type="radio" name="ch1" value="20">バナナ（20円） <input type="radio" name="ch1" value="200">梨（200円） <input type="radio" name="ch1" value="250">ブドウ（250円） <input type="radio" name="ch1" value="150" checked>みかん（150円）<br> <BR> <b>リボンの色をお選びください</b><br> <input type="radio" name="ch2" value="0" checked>赤（0円） <input type="radio" name="ch2" value="2000">青（0円） <input type="radio" name="ch2" value="0">金（10円）<br> <hr> <b>バスケットの形をお選び下さい</b><br> <INPUT type="radio" name="cover" value="1200" checked>プラスチック丸型編み込み\1200<INPUT type="checkbox" name="bx1" value="500">素材を木に変更（+\500）<BR> <INPUT type="radio" name="cover" value="1500">編み込み四角\1500<BR> <INPUT type="radio" name="cover" value="1500">編み込み楕円\1500<BR> <INPUT type="radio" name="cover" value="1000">蓋なしボックスレインボー1000円<br> <INPUT type="radio" name="cover" value="covered"><b>蓋付きのボックス</b> 色によって値段が変化します<br> <select class="linkage" name="color_of_cover" disabled> <OPTION value="0" selected>色を選択</OPTION> <OPTION value="39900">赤1000円</OPTION> <OPTION value="52500">青1000円</OPTION> <OPTION value="54600">金1100円</OPTION> </select><BR> <INPUT type="radio" name="cover" value="0"><b>蓋付きバスケット</b> 形によって値段が変化します<BR> <select name="sel1"> <OPTION value="0" selected>形を選択</OPTION> <OPTION value="1500">丸　1500円</OPTION> <OPTION value="1600">四角　1600円</OPTION> <OPTION value="1600">楕円　1600円</OPTION> </select> <br><hr><BR> <b>ご希望のオプションがあれば選択して下さい。（複数選択可）</b><BR> <INPUT type="checkbox" name="bx1" value="300">クッション材\300 <INPUT type="checkbox" name="bx1" value="200">飾り\200<BR> <INPUT type="checkbox" name="bx1" value="150">メッセージカード\150 <INPUT type="checkbox" name="bx1" value="2500">花束\2,500<BR> <BR> <hr> <input type="button" value="合計を出す" onClick="calc()"><br> 合計<input type="text" name="result"><br> </form> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する