按所选单选按钮指定的值增加数字

Question

我希望能够对一个项目下注特定金额。通过选中单选按钮指定金额。每次单击都应将所选金额添加到该项目的总数中，并在其旁边显示。我不确定我是否朝着正确的方向前进，但感谢您的帮助！谢谢！

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

你可以试试这个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。

您需要声明 var textVal 以获取所选图像的当前值，然后 add 将其设为 radio-button 的值。

按所选单选按钮指定的值增加数字

Increase number by value specified by selected radio button

jquery

counting

selected

radio-button