从表单获取值并显示消息的JavaScript

时间:2015-10-26 20:38:39

标签: javascript ionic-framework

我想编写一些JavaScript代码,从这个表单中获取值并将它们加在一起。然后我想在警报消息中显示总和。我没有任何JavaScript经验。

<form method="post" action="" >
        <div class="q1">
        <label>question</label>
            <input type="radio" value="1" name="a1_1">
            <input type="radio" value="2" name="a1_1">
            <input type="radio" value="3" name="a1_1">
            <input type="radio" value="4" name="a1_1">
            <input type="radio" value="5" name="a1_1">
        </div>
        <div class="q2">
        <label>question</label>
            <input type="radio" value="1" name="a1_2">
            <input type="radio" value="2" name="a1_2">
            <input type="radio" value="3" name="a1_2">
            <input type="radio" value="4" name="a1_2">
            <input type="radio" value="5" name="a1_2">
        </div>
        <div class="q3">
        <label>question</label>
            <input type="radio" value="1" name="a1_3">
            <input type="radio" value="2" name="a1_3">
            <input type="radio" value="3" name="a1_3">
            <input type="radio" value="4" name="a1_3">
            <input type="radio" value="5" name="a1_3">
        </div>
        <input type="submit" value="submit" >
    </form>

1 个答案:

答案 0 :(得分:0)

我不确定你想要做什么但是要计算

的值之和
  

var q1_val = document.getElementsByClassName('q1')。value;

...类似

  

var q2_val = document.getElementsByClassName('q2')。value;

  

var q3_val = document.getElementsByClassName('q3')。value;

然后

  

final_value = q1_val + q2_val + q3_val

然后你可以......

  

警报(final_value);