Javascript 显示单选按钮值总计
我正在制作一个交互式清单,需要计算用户选择了多少个“是”和“否”答案,并在警告框或页面上显示总数。回答“是”的值为1,回答“否”的值为0 问题是,当我单击“总计”按钮时,它会显示每个答案的值,然后是总计-我只需要它来显示总计 我已经到处寻找解决方案,并且根据我已经找到的内容修改了我的代码。我对javascript非常陌生,所以我肯定错过了一些东西 代码如下:Javascript 显示单选按钮值总计,javascript,radio-button,radiobuttonlist,Javascript,Radio Button,Radiobuttonlist,我正在制作一个交互式清单,需要计算用户选择了多少个“是”和“否”答案,并在警告框或页面上显示总数。回答“是”的值为1,回答“否”的值为0 问题是,当我单击“总计”按钮时,它会显示每个答案的值,然后是总计-我只需要它来显示总计 我已经到处寻找解决方案,并且根据我已经找到的内容修改了我的代码。我对javascript非常陌生,所以我肯定错过了一些东西 代码如下: <script type="text/javascript"><!-- $(document).read
<script type="text/javascript"><!--
$(document).ready(function () {
$('input:radio').on('change',function(){
var $first_question = parseInt($("input[name=first_answer]:checked").val());
var $second_question = parseInt($("input[name=second_answer]:checked").val());
$first_question = $first_question? $first_question : 0;
$second_question = $second_question? $second_question : 0;
var $total_score = $first_question + $second_question;
{
$("#btn").click(function() {
alert($total_score);
});
};
});
});
//--></script>
这是我的HTML:
<p id="first_question">First Question<input name="first_answer" class="styled" type="radio" value="1" /><!-- POSITIVE ANSWER -->Yes <input name="first_answer" class="styled" type="radio" value="0" /><!-- NEGATIVE ANSWER -->No</p>
<p id="second_question">second question <input name="second_answer" class="styled" type="radio" value="1" /><!-- POSITIVE ANSWER -->Yes <input name="second_answer" class="styled" type="radio" value="0" /><!-- NEGATIVE ANSWER -->No</p>
<input id="btn" type="button" value="See total" /> <input type="reset" value="Reset" /></body>
第一个问题是否
第二个问题是否
是您想要的吗
var $total_score = 0;
$(document).ready(function () {
$('input:radio').on('change',function(){
var $first_question = parseInt($("input[name=first_answer]:checked").val());
var $second_question = parseInt($("input[name=second_answer]:checked").val());
$first_question = $first_question? $first_question : 0;
$second_question = $second_question? $second_question : 0;
$total_score = $first_question + $second_question;
});
$("#btn").click(function() {
alert($total_score);
});
});
如果是,您的错误是每次单选按钮更改值时都向单击按钮添加了一个事件。您可以提供一个JSFIDLE…来修复它!谢谢你的帮助!