選択したラジオボタンで指定した値で数値を増やす

Question

特定の金額のアイテムに賭け金を設定したいと考えています。金額はラジオボタンをチェックして指定します。クリックするたびに、選択した金額がそのアイテムの合計に加算され、そのアイテムの横に表示されます。私は正しい方向に進んでいるかどうかはわかりませんが、何か助けに感謝しています！ありがとう！

JSFiddle

HTML

<form id="bet-form"> 
    <input type="radio" name="bet-placed" id="bet-1" value="1" checked> 
    <label for="bet-1" class="bet-label">1</label> 
    <br /> 
    <input type="radio" name="bet-placed" id="bet-5" value="5"> 
    <label for="bet-5" class="bet-label">5</label> 
</form> 

<section> 
    <img class="count-this" src="some-img-1.jpg" /> 
    <span class="number">0</span> 
</section> 
<section> 
    <img class="count-this" src="some-img-2.jpg" /> 
    <span class="number">0</span> 
</section> 
<section> 
    <img class="count-this" src="some-img-3.jpg" /> 
    <span class="number">0</span> 
</section> 

jQueryの

var clicks = 0; 
var savedBet; 

$('#bet-form input').on('change', function getBet() { 
    savedBet = $('input[name=bet-placed]:checked', '#bet-form').val(); 
}); 

getBet(); 

$(".count-this").click(function() { 
    clicks += $(savedBet); 
    $(this).next().find(".number").innerHTML = clicks; 
}); 

if (clicks == 0) { 
    $(this).find(".number").css('display', 'none'); 
} else { 
    $(this).find(".number").css('display', 'block'); 
}); 

Answer 1

あなたは、suコマンドを作るこのfiddle

var textVal = 0; 
var savedBet = 1; 

$('#bet-form input').on('change', function getBet() { 
    savedBet = parseInt($('input[name=bet-placed]:checked', '#bet-form').val()); 
}); 


//getBet(); undefined class 

$(".count-this").click(function() { 

    textVal = parseInt($(this).siblings('.number').text()); 
    textVal += savedBet; 
    $(this).siblings('.number').text(textVal); 

}); 

if (clicks == 0) { 
    $(this).find(".number").css('display', 'none'); 
} else { 
    $(this).find(".number").css('display', 'block'); 
}; 

次の時間を試すことができますparseInt()を使用してtextあなたが選択しているに変換するために再。

radio-buttonの値にaddの値を設定するには、を宣言する必要があります。