获取要在表格中显示的所有单选按钮值的总和

Question

我在表格中有一些单选按钮，我为它们设置了一个值。当用户选择它们并单击提交按钮时，我希望这些值的总和显示在另一个表中。

<tr>
  <td>
    <span id="Label1">hows the weather ?</span>
  </td>
</tr>
<tr>
  <td>
    <table id="a1_1">
      <tbody>
        <tr>
          <td>
            <input type="radio" value="1" name="a1_1" id="a1_1_0">
            <label for="a1_1_0">perfect</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="2" name="a1_1" id="a1_1_1">
            <label for="a1_1_1">good</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="3" name="a1_1" id="a1_1_2">
            <label for="a1_1_2">not bad</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="4" name="a1_1" id="a1_1_3">
            <label for="a1_1_3">bad</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="5" name="a1_1" id="a1_1_4">
            <label for="a1_1_4">very bad</label>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
</tr>
<tr>
  <td>
    <span id="Label1">hows the weather ?</span>
  </td>
</tr>
<tr>
  <td>
    <table id="a1_2">
      <tbody>
        <tr>
          <td>
            <input type="radio" value="1" name="a1_2" id="a1_1_0">
            <label for="a1_2_0">perfect</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="2" name="a1_2" id="a1_1_1">
            <label for="a1_2_1">good</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="3" name="a1_2" id="a1_1_2">
            <label for="a1_2_2">not bad</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="4" name="a1_2" id="a1_1_3">
            <label for="a1_2_3">bad</label>
          </td>
        </tr>
        <tr>
          <td>
            <input type="radio" value="5" name="a1_1" id="a1_1_4">
            <label for="a1_2_4">very bad</label>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
</tr>

Answer 1

要获取元素的值，可以为元素设置id，然后按id引用元素。 离。

<script>
    function sumRadioInputs() {
        var valueOfInput = document.getElementById("someElementId").value;
    }
</script>

由您决定如何将所有输入链接在一起

Answer 2

您可以创建一个您点击时可以使用的功能

if (document.getElementById('a1_1_0').checked) { value = document.getElementById('a1_1_0').value; }

等所有Radiobuttons

Answer 3

首先，您需要获取已检查单选按钮的值

诀窍就是这样：

$("input[name='a1_1']:checked").val();

Code example

之后，您可以使用值进行任何操作。

我希望这会对你有所帮助。