2項目計算って可能でしょうか？

解決済

質問者：ziggy_mao
質問日時：2009/11/26 21:29
回答数：2件

始めまして、宜しくお願いします。
よく、javascriptで自動計算ってありまりますが、
一つの項目に2つの要素をいれたものを計算することは可能でしょうか。

例えば、5つのチェック項目があります。
ダイエットの目安となる運動量とその金額換算表として
設問にチェックをいれてもらいます。
設問1は「今日10ｋｍ歩いた」とし、yesかnoで回答（チェックボックス記入を予定）します。チェックをいれた場合、「カロリーは10キロカロリーを消費し、牛乳3本分にあたる300円節約」と2つの要素が発生します。
設問2は「今日、腹筋100回した」とし、yesかnoで回答（チェックボックス記入を予定）します。チェックをいれた場合、「カロリーは5キロカロリーを消費し、牛乳1本分にあたる100円節約」と2つの要素が発生します。このように複数の設問を用意し、yes・noチェックが終了すると、「本日の消費カロリーは500キロカロリーで、牛乳5本分にあたる500円節約」と最後に2項目の積算した結果をyes・noチェックだけで導くことは可能でしょうか。
何卒宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2009/11/26 22:17

方法はいろいろあると思いますので、あくまでも、可能という意味での一例

<html>
<head>
<style type="text/css">
.Q div , .result{ margin-top:1em; font-weight:bold;}
.Q input, #res { margin-left:3em; }
</style>
<script>
function calc(f) {
var i = 0, e, str, r, r1 = 0, r2 = 0;
while (e = f.elements[i++]) {
if (e.type=='radio' && e.checked) {
r = e.value.split(','), r1 += parseInt(r[0]), r2 += parseInt(r[1]);
}
}
str = '本日の消費カロリーは' + r1 + 'キロカロリーで、<br>牛乳' +
r2 + '本分にあたる' + (r2*100) + '円節約。';
document.getElementById('res').innerHTML = str;
}
</script>
</head>
<body>
<form class="Q" onclick="calc(this)">
<div>設問1: 今日10ｋｍ歩いた</div>
<input type="radio" name="Q1" value="10,3">Yes
<input type="radio" name="Q1" value="0,0">No
<div>設問2: 今日、腹筋100回した</div>
<input type="radio" name="Q2" value="5,1">Yes
<input type="radio" name="Q2" value="0,0">No
</form>
<hr>
<div class="result">＜結果＞</div>
<div id="res"></div>
</body>
</html>