• 締切済み

ラジオボタンの項目をチェックして計算する

JavaScriptあるいはPHPのラジオボタンを使って表を作り 縦列の計算をしたいと考えています。     a b c 1-1◎ 2○ 3○ 2-1◎ 2○ 3○ 3-1○ 2◎ 3○ 4-1○ 2○ 3◎ ◎になっている縦列(a~c列)の数値と チェックされた数はどのようなプログラムを使うと計算できるのでしょうか? ※この場合、    合計はa:2/b:2/c:3    チェックはa:2/b:1/c:1となります。 ご教授頂ければ幸いです。 よろしくお願い致します!

みんなの回答

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.2

こんにちは。 要素の取得を簡単にするためにjQueryを利用しました。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>8429875</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function() { $('button').click ( function() { var $radio1 = $(':radio[value=1]:checked'); var $radio2 = $(':radio[value=2]:checked'); var $radio3 = $(':radio[value=3]:checked'); var str = 'チェック数\n'; str += 'A[' + $radio1.length + ']'; str += 'B[' + $radio2.length + ']'; str += 'C[' + $radio3.length + ']'; str += '\n\n値合計\n'; str += 'A[' + $radio1.length * 1 + ']'; str += 'B[' + $radio2.length * 2 + ']'; str += 'C[' + $radio3.length * 3 + ']'; alert ( str ); }); }); </script> <style> table td { text-align: center; } </style> </head> <body> <form> <table> <tr> <th></th><th>A</th><th>B</th><th>C</th> </tr> <tr> <td>1</td> <td><input type="radio" name="R1" value="1"></td> <td><input type="radio" name="R1" value="2"></td> <td><input type="radio" name="R1" value="3"></td> </tr> <tr> <td>2</td> <td><input type="radio" name="R2" value="1"></td> <td><input type="radio" name="R2" value="2"></td> <td><input type="radio" name="R2" value="3"></td> </tr> <tr> <td>3</td> <td><input type="radio" name="R3" value="1"></td> <td><input type="radio" name="R3" value="2"></td> <td><input type="radio" name="R3" value="3"></td> </tr> <tr> <td>4</td> <td><input type="radio" name="R4" value="1"></td> <td><input type="radio" name="R4" value="2"></td> <td><input type="radio" name="R4" value="3"></td> </tr> </table> </form> <hr> <button>チェック</button> </body> </html>

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 図と説明が合わない気がしますがいかがでしょうか。 また、合計とは、何の値を足し込めば良いのでしょうか。 補足をお願いします。

kirakirastar888
質問者

補足

言葉足らずで申し訳ありません。 3つのラジオボタンを横1列に並べたものを 縦に4列分用意し、 チェックされたボタンを縦列毎にカウントすると共に チェックされたボタンのvalue値を縦に合計を表示したいのです。 前掲の図で ボタンの横に書いてある数値がvalue値と同じ値になります。 説明になっていますでしょうか、、? よろしくおねがいします!

関連するQ&A

  • 急ぎです教えてください

    JavaScriptあるいはPHPのラジオボタンを使って表を作り 縦列の計算をしたいと考えています。     abcd 1-1◎ 2○ 3○4○ 2-1◎ 2○ 3○4○ 3-1○ 2◎ 3○4○ 4-1○ 2○ 3◎4○ ◎になっている縦列(a~c列)の数値と チェックされた数はどのようなプログラムを使うと計算できるのでしょうか? ※この場合、    合計はa:2/b:2/c:3/d:0   合計のー1の合計のa:1/b:1/c:2/d:-1 ご教授頂ければ幸いです。 よろしくお願い致します!

  • ラジオボタンの選択後について

    初心者です、宜しくご指導ください。 ABCの3つのラジオボタン(【例】A:時給 B:日給 C:月給)を使用し、選択されたボタンによって、 Aにチェックが入ったら入力された数値を160倍したもの、 Bにチェックが入ったらその数値を20倍したもの、 Cにチェックが入ったらその数値をそのまま使用したものを、ちがう場所に計算結果として出したいときに、どのようなスクリプトを作れば良いのでしょうか。

    • ベストアンサー
    • HTML
  • JavaScriptでラジオボタンのチェックをはずす。

    2組のラジオボタンを持つHTMLがあるとします。例えばAとB、CとDとします。ただしどちらか1組だけしか選べないようにしたいのです。AもしくはBがチェックされ、CかDにチェックが入っていたら、チェックをはずしたいのです。つまり、ラジオボタンのチェックをはずすFunction(Sub)を作成したいのです。どなたかいいアイデア、書き方わかりますか?

  • ラジオボタンのチェックを判定したいです。

    phpとhtmlを使用して、ラジオボタンをいくつか作成したとします。 どのラジオボタンが選択されているかを判定する場合、通常ラジオボタンのvalueの値が、ある値と一致するかどうかで判定しますが、そうではなく、逆にチェックが入っているラジオボタンのvalue値を取得したい場合、どのようにすればいいのでしょうか? ちなみに、javascriptは使用したくないです。理由は、その値を再びphpの画面で使いたいからです。 もし、javascriptで取得した値をphpの画面に渡せれば、javascriptを使用してもOKなのですが、なかなか上手く渡せないようなので。。。 ご教授お願い致します。

    • ベストアンサー
    • PHP
  • 【JavaScript】ラジオボタンにより、formのaction内容

    【JavaScript】ラジオボタンにより、formのaction内容を変更したいのですが・・・。 どのラジオボタン(ここでは『A』と『B』とします)をチェックされたかにより、 <form action="(ここの部分)"> (ここの部分)と書かれたformのactionの内容を変えたいのです。 例) 『A』のラジオボタンをチェック → <form action="a.php">になる 『B』のラジオボタンをチェック → <form action="b.php">になる このようにしたいのです。 どうかよろしくお願いします。

  • エクセルの各項目別に合計を計算する表

    エクセルで計算する際に下記のような場合どういう風にすればいいでしょうか?? A 1000 B 2500 A 1200 C 1000 D 2000 C 1500 B 1500 A合計=? B合計=? C合計= D合計=? 上記のような感じで表があるとします。 そのときに【Aの数値だけを足す】【Bの数値だけを足す】というような、表計算式はどうやって作ればよいのでしょうか?? いろいろ探したんですが、わからなくて・・・ 分かりにくい説明かもしれませんがよろしくお願いします

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

    複数のラジオボタンが全て選択されているかどうかのチェックの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"> ---------------------------------------

  • JavaScripを使用して。2グループのラジオボタンの計算をする方法。

    こんにちわ、JavaScript初心者です。 2つのグループのラジオボタンとひとつのチェックボックスを選び、計算結果をアラートで表示させるJavaScriptを作りたいと思っています。IEでは表示されるのですが、FireFoxではアラートが全く表示されません。(;;)どうぞお助けください。内容的には フォーム グループ1 ○500円 ○1000円 ○2000円 ○3000円 グループ2 ○A(を選ぶと値段はそのまま) ○B(を選ぶと値段が2倍) ○C(を選ぶと値段が4倍) ○D(を選ぶと値段が6倍) ○F(を選ぶと値段が10倍) 最後に人数が10人以上□(チェックボックスで、チェックした場合は合計金額に200円追加) で、ボタンを押すと合計金額が出る仕組みです。 どうぞ、よろしくお願いいたします。 m(_ _)m

  • エクセルでチェックボタンを使って

    エクセルで、フォームにあるチェックボタンを使います。で、チェックの入ったものだけについて合計を出したいのですが・・・ 例を書きます。        A       B       C 1  品名     チェック欄     数量 2   あ       ○       10 3   い               20 4   う       ○       30 5   え               40 6   お       ○       50 7                   90   ここであ,う,おにチェックが入っているので   10+30+50=90の計算をさせたいのですが。   チェックのあるものだけの合計をC7に表示させたいのです。   チェックボタンでIF関数を使うにはどうしたらよいのでしょうか?       

  • ラジオボタンのチェックをはずす

    ラジオボタンのチェックをはずす方法はありますか? どなたか教えてください。 クリックしてチェックが入り再度クリックすると外れると言うようなしくみにしたいのです。 JavaScriptを使わずに簡単にできないでしょうか? もし不可能でしたら、JavaScriptでの方法を教えて頂けると助かります。 宜しくお願い致します。

    • ベストアンサー
    • HTML

専門家に質問してみよう