Javascript 输入对象有问题
我正在尝试创建一个练习,用户必须从单选按钮列表中选择正确的答案。如果用户认为初始答案不正确,“推荐”单选按钮只会提供更多选项。此javascript代码从其自己的.js文件运行,并链接到.html页面。但是,当我按下任何单选按钮(输入)时,似乎什么都没有发生,我也找不到问题。有人看见什么吗 注意:我还没有把反馈部分放进去,bu 以下是Javascript代码:Javascript 输入对象有问题,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个练习,用户必须从单选按钮列表中选择正确的答案。如果用户认为初始答案不正确,“推荐”单选按钮只会提供更多选项。此javascript代码从其自己的.js文件运行,并链接到.html页面。但是,当我按下任何单选按钮(输入)时,似乎什么都没有发生,我也找不到问题。有人看见什么吗 注意:我还没有把反馈部分放进去,bu 以下是Javascript代码: //setup client case questions $('.clientCase input').click(funct
//setup client case questions
$('.clientCase input').click(function(){
var multipleChoiceElement$ = $(this).closest('.clientCase');
if(this.value!=="2"){ //If a button that isn't the referral is clicked
multipleChoiceElement$.find('.feedback').show();
multipleChoiceElement$.find('input').prop('disabled',true);
}
if(this.value == "1"){ //the correct answer
multipleChoiceElement$.find('.answeredCorrectly').show();
}
else if(this.value=="2"){//value of 2 means its the referral
multipleChoiceElement$.find('#clientCaseIS').show();
}
else{//the incorrect answer
multipleChoiceElement$.find('.answeredIncorrectly').show();
}
});
以下是本节的相关HTML代码:
<!-- Start of multiple choice question -->
<div class="clientCase">
<ul class="outline">
<div id="clientCasePIL"><strong>PIL: Primary Inspection Line</strong>
<div class="fancyBox">
<li><strong>1. Admission</strong></li>
<ul style="list-style-type:none">
<li><div class="answerOption"><label for="question1A">Verbal</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="question1A"> A.</div></li>
<li><div class="answerOption">
<label for="question1B">Stamp</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="1" id="question1B"> B.</div></li>
<li><div class="answerOption">
<label for="question1C">Document</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="question1C"> C.</div></li><p/>
<li><div class="answerOption">
<label for="PILRefusal"><strong>Refusal</strong></label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="PILRefusal"> 2.</div></li>
<li><div class="answerOption">
<label for="ISReferral"><strong>Referral</strong></label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="2" id"ISReferral"> 3.</div></li></ul>
</div>
</div>
<div id="clientCaseIS"><strong>Immigration Secondary</strong>
<div class="fancyBox">
<li><strong>1. Admission</strong></li>
<ul style="list-style-type:none">
<li><div class="answerOption"><label for="question1D">Verbal</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="question1D"> A.</div></li>
<li><div class="answerOption">
<label for="question1E">Stamp</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="question1E">
B.</div></li>
<li><div class="answerOption">
<label for="question1F">Document</label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="question1F">
C.</div></li><p/>
<li><div class="answerOption">
<label for="ISRefusal"><strong>Refusal</strong></label></div>
<div class="inputAndIdContainer"><input type="radio" name="question1" value="0" id="ISRefusal"> 2.</div></li></ul>
</div>
</div>
</ul>
<div class="feedback">
<div class="answeredCorrectly">Correct</div>
<div class="answeredIncorrectly">Incorrect</div>
<div class="answer">
<strong>Answer:</strong> The feedback goes here
</div>
</div>
</div>
PIL:主要检查线
- 1。入场券
- 口头的
A
-
戳记
B
-
文件
C.
-
拒绝
二,
-
推荐
3.
移民中学
- 1。入场券
- 口头的
A
-
戳记
B
-
文件
C.
-
拒绝
2.
对的
不正确
回答:这里有反馈
您可能希望将函数包装在$(document).ready()中代码>以便将单击处理程序附加到DOM中的元素:
$(document).ready(function() {
$('.clientCase input').click(function(){
// etc..
});
});
否则,只要你有正确的初始样式,一切似乎都按预期进行
您可能希望将函数包装在$(document).ready()中代码>以便将单击处理程序附加到DOM中的元素:
$(document).ready(function() {
$('.clientCase input').click(function(){
// etc..
});
});
否则,只要你有正确的初始样式,一切似乎都按预期进行
是$(document).ready()函数完成的!非常感谢!老实说,我的许多死胡同似乎就是这样的结果。从现在起,我将确保每次都尝试使用它。$(document).ready()函数完成了它!非常感谢!老实说,我的许多死胡同似乎就是这样的结果。从现在起,我要确保每次都能尝试。