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

我想能够设定一个特定金额的项目上的赌注。通过选中单选按钮指定金额。每次单击都应将所选金额添加到该项目的总额中，并在其旁边显示。我不确定我是否走在正确的方向上，但任何帮助都是非常感谢的！谢谢

HTML

你可以试试这个

下次确保使用

parseInt（）

转换要选择的

文本

您需要声明
var textVal
以获取所选图像的当前值，然后
将其添加到
单选按钮的值中
您可以尝试此操作

下次确保使用
parseInt（）
转换要选择的
文本

您需要声明
var textVal
以获取所选图像的当前值，然后
将其添加到
单选按钮的值中
在演示中尝试执行的操作并不直观。您有3个图像（项目），但只有一组收音机。破译的代码并不能很好地替代正确的解释，也不能直观地解释您在演示中要做的事情。您有3个图像（项目），但只有一组收音机。破译的代码并不能很好地替代正确的解释。我已经检查过了，但无法让它正常工作，非常感谢！我已经检查过了，但无法使其工作，非常感谢！
<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>

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');
});

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');
};