Question

<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
</head>
<body>
  <form>
    <p>question 1</p>
    <p>
      <input type="radio" name="q1" value="A">
      <label>Agree</label>
      <input type="radio" name="q1" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q1" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q1" value="NA">
      <label>NOt Applicable</label>
    </p>
    <p>question 2</p>
    <p>
      <input type="radio" name="q2" value="A">
      <label>Agree</label>
      <input type="radio" name="q2" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q2" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q2" value="NA">
      <label>NOt Applicable</label>
    </p>
    <p>question 3</p>
    <p>
      <input type="radio" name="q3" value="A">
      <label>Agree</label>
      <input type="radio" name="q3" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q3" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q3" value="NA">
      <label>NOt Applicable</label>
    </p>
    <button id="submit">Submit</button>
  </form>
  <script>
    $(document).ready(function() {
      var A = 10,
        N = 6,
        D = 3,
        NA = 0;
      var v1, v2, v3;

      $("#submit").click(function() {
        debugger;
        var q1v = $('input[name=q1]:checked').val();
        var q2v = $('input[name=q2]:checked').val();
        var q3v = $('input[name=q3]:checked').val();

        if (v1 == "N") {
          v1 = N;
        } else if (v1 == "A") {
          v1 = A;
        }

        if (v2 == "N") {
          v2 = N;
        } else if (v2 == "A") {
          v2 = A;
        }

        if (v3 == "N") {
          v3 = N;
        } else if (v3 == "A") {
          v3 = A;
        }

        if ((q1v == "A" || q1v == "N") && ((v1 + v2 + v3) / 3 > 0.60)) {
          console("q1 Agree or Nuetral and also value is above 60%");
        } else if ((q2v == "A" || q2v == "N") && ((v1 + v1 + v1 / 3) > 0.60)) {
          console("q2 Agree or Nuetral and also value is above 60% ");
        } else if ((q3v == "A" || q3v == "N") && ((v1 + v1 + v1 / 3) > 0.60)) {
          console("q3 Agree or Nuetral and also value is above 60% ");
        } else {
          console("q1,q2 and q3 DisAgree or NotApplicable and also value is bellow 60% ");
        }
      });

      function toString1(v1, v2, v3) {
        debugger;

        if (v1 == "N") {
          v1 = N;
        } else if (v1 == "A") {
          v1 = A;
        }

        if (v2 == "N") {
          v2 = N;
        } else if (v2 == "A") {
          v2 = A;
        }

        if (v3 == "N") {
          v3 = N;
        } else if (v3 == "A") {
          v3 = A;
        }
      }
    });
  </script>
</body>
</html>

Answer 1

你必须停止表单提交，因为它清除了你的控制台。

替换，

<form> with   <form onsubmit="return false">

没有名为console（）的函数，您必须将控制台替换为console.log（）;

  $(document).ready(function() {
      var A = 10,
        N = 6,
        D = 3,
        NA = 0;
      var v1, v2, v3;

      $("#submit").click(function() {
        debugger;
        var q1v = $('input[name=q1]:checked').val();
        var q2v = $('input[name=q2]:checked').val();
        var q3v = $('input[name=q3]:checked').val();

        if (v1 == "N") {
          v1 = N;
        } else if (v1 == "A") {
          v1 = A;
        }

        if (v2 == "N") {
          v2 = N;
        } else if (v2 == "A") {
          v2 = A;
        }

        if (v3 == "N") {
          v3 = N;
        } else if (v3 == "A") {
          v3 = A;
        }

        if ((q1v == "A" || q1v == "N") && ((v1 + v2 + v3) / 3 > 0.60)) {
          console.log("q1 Agree or Nuetral and also value is above 60%");
        } else if ((q2v == "A" || q2v == "N") && ((v1 + v1 + v1 / 3) > 0.60)) {
          console.log("q2 Agree or Nuetral and also value is above 60% ");
        } else if ((q3v == "A" || q3v == "N") && ((v1 + v1 + v1 / 3) > 0.60)) {
          console.log("q3 Agree or Nuetral and also value is above 60% ");
        } else {
          console.log("q1,q2 and q3 DisAgree or NotApplicable and also value is bellow 60% ");
        }
      });

      function toString1(v1, v2, v3) {
        debugger;

        if (v1 == "N") {
          v1 = N;
        } else if (v1 == "A") {
          v1 = A;
        }

        if (v2 == "N") {
          v2 = N;
        } else if (v2 == "A") {
          v2 = A;
        }

        if (v3 == "N") {
          v3 = N;
        } else if (v3 == "A") {
          v3 = A;
        }
      }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form onsubmit="return false">
    <p>question 1</p>
    <p>
      <input type="radio" name="q1" value="A">
      <label>Agree</label>
      <input type="radio" name="q1" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q1" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q1" value="NA">
      <label>NOt Applicable</label>
    </p>
    <p>question 2</p>
    <p>
      <input type="radio" name="q2" value="A">
      <label>Agree</label>
      <input type="radio" name="q2" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q2" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q2" value="NA">
      <label>NOt Applicable</label>
    </p>
    <p>question 3</p>
    <p>
      <input type="radio" name="q3" value="A">
      <label>Agree</label>
      <input type="radio" name="q3" value="N">
      <label>Nuetral</label>
      <input type="radio" name="q3" value="D">
      <label>DisAgree</label>
      <input type="radio" name="q3" value="NA">
      <label>NOt Applicable</label>
    </p>
    <button id="submit">Submit</button>
  </form>

点击提交时获取输入值并检查条件并计算？

1 个答案: