简单的测验不适用于jQuery或JavaScript

Question

简单的测验不适用于jQuery或JavaScript

我正在做一个简单的测验,以便在他提交"提交"按钮时获得一个人回答的正确问题的数量.但是,它总是给予零.请帮忙.

$(document).ready(function(){
$('button').click(function(){
	var count = 0;
	if($('[name=q1]').val() == "Delhi"){count++;}
	if($('[name=q2]').val() == "Lotus"){count++;}
	alert(count);
});
});

Run Code Online (Sandbox Code Playgroud)

<body> 

<div> 
<p>Question: What is capital of India?</p>

<input type="radio" name="q1" value="delhi"> Delhi
<input type="radio" name="q1" value="mumbai"> Mumbai
<input type="radio" name="q1" value="kolkata"> Kolkata
<input type="radio" name="q1" value="lucknow"> Lucknow
</div>

<div> 
<p>Question: What is the national flower of India?</p>

<input type="radio" name="q2" value="rose"> Rose
<input type="radio" name="q2" value="lotus"> Lotus
<input type="radio" name="q2" value="sunflower"> Sunflower
<input type="radio" name="q2" value="tulip"> Tulip
</div>

<button>submit</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

</body>

Run Code Online (Sandbox Code Playgroud)

它总是给'0',但如果我选择'德里'和'莲花',它应该给出答案为2.

Answer 1

T.J*_*der 7

两件事情:

$('[name=q1]').val()将为您提供第一个元素的值name="q1",而不是checked元素.为此,添加:checked.
你比较"delhi"有"Delhi"; 案件事宜.

$(document).ready(function() {
  $('button').click(function() {
    var count = 0;
    if ($('[name=q1]:checked').val() == "delhi") {
      count++;
    }
    if ($('[name=q2]:checked').val() == "lotus") {
      count++;
    }
    alert(count);
  });
});

Run Code Online (Sandbox Code Playgroud)

<div>
  <p>Question: What is capital of India?</p>

  <input type="radio" name="q1" value="delhi"> Delhi
  <input type="radio" name="q1" value="mumbai"> Mumbai
  <input type="radio" name="q1" value="kolkata"> Kolkata
  <input type="radio" name="q1" value="lucknow"> Lucknow
</div>

<div>
  <p>Question: What is the national flower of India?</p>

  <input type="radio" name="q2" value="rose"> Rose
  <input type="radio" name="q2" value="lotus"> Lotus
  <input type="radio" name="q2" value="sunflower"> Sunflower
  <input type="radio" name="q2" value="tulip"> Tulip
</div>

<button>submit</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，2 月前
查看次数：	68 次
最近记录：	9 年，2 月前