javascript - 从单选形式添加整数值

Question

我正在尝试创建一个 list ，该 list 根据单选按钮选择的值(使用 jquery)提供总点数。每个输入的分数各不相同。

我可以获得各个值，但不确定如何将它们相加？

/* jquery */

$(document).ready(function(){

  function setScore() {
    var score = $('input:checked').val();
    $('#score').text(score);
  }

    // set score on input change
  $('input').change(setScore);

    // set score on initialization
  setScore();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
  <label>Facebook link?</label>
  <input type="radio"  class="radio" name="Facebook" value="4">Yes</input>
</li>

<li>
  <label>Instagram link?</label>
  <input type="radio"  class="radio" name="Instagram" value="6">Yes</input>
</li>

<span>Score: <span id="score"></span></span>

谢谢。

Answer 1

尝试将 setScore 函数更改为:

function setScore() {
    var score = 0;
    $.each($('input:checked'), function (i,input) { score += Number( input.value);});
    $('#score').text(score);
}

(假设没有需要排除的复选框输入)

---

要仅为选中的 Facebook 和 Instagram 按钮添加值，可以使 'input:checked' 选择器更具体，例如:

':checked[name="Facebook"], :checked[name="Instagram"]'