怎么用js实现html 单选框实现选择计算分值

可以使用以下代码实现：

HTML代码：

<input type="radio" name="score" value="10">10分
<input type="radio" name="score" value="20">20分
<input type="radio" name="score" value="30">30分

JavaScript代码：

var radios = document.getElementsByName('score');
var score = 0;
for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        score = parseInt(radios[i].value);
        break;
    }
}
console.log('分数为：' + score);

这段代码首先获取所有name为score的单选框，然后遍历这些单选框，如果某个单选框被选中，则将其value值转换为整数并赋值给score变量。最后输出分数。

相关问题

怎么用js实现html 单选框实现选择计算分值，选择题可能有多个，要求计算多个选择题中选项的分数

可以通过以下步骤实现：

1. 给每个选项设置一个value值，表示该选项的分值。
2. 给每个选项添加一个事件监听器，当选项被选中时，将该选项的value值加入总分数中。
3. 在页面中添加一个按钮，当用户完成所有选择后，点击该按钮，计算总分数并显示在页面上。

以下是示例代码：

HTML:

<form>
  <input type="radio" name="question1" value="10">选项1<br>
  <input type="radio" name="question1" value="20">选项2<br>
  <input type="radio" name="question1" value="30">选项3<br>
  <br>
  <input type="radio" name="question2" value="5">选项1<br>
  <input type="radio" name="question2" value="10">选项2<br>
  <input type="radio" name="question2" value="15">选项3<br>
  <br>
  <button id="calculate">计算分数</button>
</form>
<p id="result"></p>

JavaScript:

const calculateBtn = document.getElementById('calculate');
const result = document.getElementById('result');

calculateBtn.addEventListener('click', () => {
  let totalScore = 0;
  const questions = document.getElementsByTagName('input');
  for (let i = 0; i < questions.length; i++) {
    if (questions[i].checked) {
      totalScore += parseInt(questions[i].value);
    }
  }
  result.textContent = `您的总分数为：${totalScore}`;
});

在这个示例中，我们给每个选项设置了一个value值，分别表示该选项的分数。当用户选择一个选项时，我们将该选项的value值加入总分数中。最后，当用户点击“计算分数”按钮时，我们遍历所有选择题的选项，计算总分数并将其显示在页面上。