Javascript 输入对象有问题

Javascript 输入对象有问题,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个练习,用户必须从单选按钮列表中选择正确的答案。如果用户认为初始答案不正确,“推荐”单选按钮只会提供更多选项。此javascript代码从其自己的.js文件运行,并链接到.html页面。但是,当我按下任何单选按钮(输入)时,似乎什么都没有发生,我也找不到问题。有人看见什么吗 注意:我还没有把反馈部分放进去,bu 以下是Javascript代码: //setup client case questions $('.clientCase input').click(funct

我正在尝试创建一个练习,用户必须从单选按钮列表中选择正确的答案。如果用户认为初始答案不正确,“推荐”单选按钮只会提供更多选项。此javascript代码从其自己的.js文件运行,并链接到.html页面。但是,当我按下任何单选按钮(输入)时,似乎什么都没有发生,我也找不到问题。有人看见什么吗

注意:我还没有把反馈部分放进去,bu

以下是Javascript代码:

//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()函数完成了它!非常感谢!老实说,我的许多死胡同似乎就是这样的结果。从现在起,我要确保每次都能尝试。