htmlのチェックボックスを利用して
チェックボックスをチェックすると
指定した場所にチェックした内容とチェックした値同士を計算した内容を表示させたいと思っております。
いろいろ調べたり自分でソースを書いてはみたのですが
うまくいかず、こちらで質問させて頂きました。
【詳細】
チェックボックスには複数の数字を配列のような形で値を保持させ、5個以上はチェックできないようにし、
チェックしたもの同士を対応する数字で足し算をし、
結果をテーブルなどで表示をさせたいです。
チェックボックスは
<label for="natuyouboushi"><input type="checkbox" name="xxx" id="natuyouboushi" value="0,9,4,5,5,7,1">夏用帽子</label>
<label for="fuyuyouboushi"><input type="checkbox" name="xxx" id="fuyuyouboushi" value="0,1,0,9,5,3,5">冬用帽子</label>
のようなイメージです。
valueの数字の意味は
オシャレ度やあったかさなど
そのアイテムを表す数字になっており、
帽子、インナー、ズボン、アウター といった具合に
アイテムごとに分かれております。
チェックされたアイテムごとのvalueの値を計算し、
各アイテムを1~5まで選択した内容の各項目の合計値をだしたいです。
チェックされたものを表示するjpueryはこちらを参考にさせて頂いております。
$(document).ready(function() {
function updateData() { var arr = []; $(":checked").each(function(o) { arr.push($(this).val()); }); // 1つ以上チェックされている時は、 show の内容を更新する。 if (arr.length > 0) { $("#show").text(arr.join(", ") + " を選択しましたね!!"); } } $("input[type=checkbox]").click(function(e) { updateData(); }); updateData();
});
jqueryでもPHPでもどちらでの良いのですが、
チェックボックスに複数の値を持たせ、計算させる方法をご存知の方よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/17 14:42
2015/02/17 15:38