###やりたいこと
配列の中身をそれぞれを計算して、また元に戻したいです。
具体的には
■「.seikatsu」を持つボックスに入力
→入力ボックス以外の「.seikatsu」ボックスに、「two」を掛けた値を返す。
■「.hoken」を持つボックスに入力
→入力ボックス以外の「.hoken」ボックスに、「two」を掛けた値を返す。
という機能です。
(例)
「.seikatsu」の入力ボックスのどれかに5を入力すると、「.seikatsu」の他のボックスのvalueに、それぞれ「two」が掛けられる。ということです。5に「two」が掛けられるわけではありません。また同様に何度でもです。
html
1<div class="input_box"> 2 <p><input value="3" id="input_denki" class="seikatsu" name="price" type="text"></p> 3</div> 4<div class="input_box"> 5 <p><input value="1" id="input_gasu" class="seikatsu" name="price" type="text"></p> 6</div> 7<div class="input_box"> 8 <p><input value="4" id="input_suidou" class="seikatsu" name="price" type="text"></p> 9</div> 10<div class="input_box"> 11 <p><input value="1" id="input_otto" class="hoken" name="price" type="text"></p> 12</div> 13<div class="input_box"> 14 <p><input value="5" id="input_musume" class="hoken" name="price" type="text"></p> 15</div>
###やってみたこと
次のように書いてみたのですが、NaNがかえってきてしまいました。
javascript
1(function($){ 2$('input[name=price]').keyup(function() { 3 var two = 2; 4 if (($(this).hasClass('seikatsu'))){ 5 var value_seikatsu = $('input[name=price].seikatsu').map(function(){ 6 return $(this).val(); 7 }).get(); 8 var result_seikatsu = value_seikatsu*two; 9 $('input[name=price].seikatsu').val(result_seikatsu) 10 } 11 if (($(this).hasClass('hoken'))){ 12 var value_hoken = $('input[name=price].hoken').map(function(){ 13 return $(this).val(); 14 }).get(); 15 var result_hoken = value_hoken*two; 16 $('input[name=price].hoken').val(result_hoken) 17 } 18}); 19})(jQuery);
サンプルです。
https://jsfiddle.net/1vzdt87u/1/
どなたかお分かりになる方がいらっしゃいましたら、何卒よろしくお願いいたします。。(>_<)
回答2件
あなたの回答
tips
プレビュー