0

ユーザーが選択した「はい」と「いいえ」の回答の数を数え、アラート ボックスまたはページに合計を表示する必要があるインタラクティブなチェックリストに取り組んでいます。はいの回答は値 1 を取得し、いいえの回答は値 0 を取得します。

問題は、合計ボタンをクリックすると、各回答の値と合計が表示されることです.合計を表示するだけです。

解決策を求めてSOを探し回り、すでに見つけたものに基づいてコードを変更しました。私はJavaScriptにかなり慣れていないので、何かが足りないに違いありません。

コードは次のとおりです。

    <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>
4

1 に答える 1

0

これはあなたが望むものですか？

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);
    });

});

そうであれば、ラジオボタンの値が変わるたびにクリックボタンにイベントを追加したことがエラーです。

于 2013-08-07T15:35:31.837 に答える