如果語句在執行之前沒有被註冊jQuery

Question

我找不到與此問題有關的任何內容。我有一個按鈕來檢查多項選擇問題的答案，以檢查它是否正確，如果是，它會使下一個按鈕處於活動狀態。

儘管沒有，或者任何單選按鈕被選中，但它仍然執行。

編輯更新：這是現在的工作。感謝您的所有輸入！非常讚賞！

next_test_section: function(test_id) { 

    //VALIDATE 
    if($('#q1-a').is(':checked')) { 
     var data = "test_id="+test_id+"&"; 

     async('get_test_data',data, function(response){ 
    /** Response success **/ 

      //$(this).parent().removeClass('has-error'); 

      $('.button-verify').val('Answer Correct'); 
      $('.button-next').attr('disabled', false); 
      //alert($(':checked').val()); 
      $('.stage').html(response.html); 
      user.update_progress_bar(40); 

    }, function(response) { 
     /** Response error **/ 

      //$(this).parent().addClass('has-error'); 
      if ($('.button-verify').val('Answer Incorrect', function() { 
       $('.button-next').attr('disabled', true); 
      })); 

      //alert($(':checked').val()); 
      //alert('NEXT Error!!!') 
      //<input type="button" class="btn btn-success" name="verify" value="Please answer correctly to proceed." /> 

     }); 

    } 
}, 

HTML

        <div class="tab-pane" id="tab11"> 
            <div class="row"> 
            <div class="form-group"> 
             <label class="col-md-3 control-label">Question 1 is asked here.</label> 
             <div class="col-md-9"> 
              <div class="radio"> 
               <label for="radio1"> 
               <input type="radio" id="q1-a" name="q1" value="option1"> Answer 1 
               </label> 
              </div> 
              <div class="radio"> 
               <label for="radio2"> 
               <input type="radio" id="q1-b" name="q1" value="option2"> Answer 2 
               </label> 
              </div> 
              <div class="radio"> 
               <label for="radio3"> 
               <input type="radio" id="q1-c" name="q1" value="option3"> Answer 3 
               </label> 
              </div> 
              <div class="radio"> 
               <label for="radio4"> 
               <input type="radio" id="q1-d" name="q1" value="option4"> Answer 4 
               </label> 
              </div> 
             </div> 
            </div> 
            </div> 
           </div> 

任何想法，爲什麼這個功能即使我設置的有效VAR假錢？

Answer 1

你試圖檢查無線電與ID #q1-a被選中，你會是這樣做的

next_test_section: function(test_id) { 
    if ($('#q1-a').is(':checked')) { 
     var data = "test_id="+test_id+"&"; 

     async('get_test_data',data, function(response){ 

      $('.button-verify').val('Answer Correct'); 
      $('.button-next').prop('disabled', false); 

      $('.stage').html(response.html); 
      user.update_progress_bar(40); 

     }, function(response) { 

      $('.button-verify').val('Answer Incorrect'); 
      $('.button-next').prop('disabled', true); 
     }); 
    } 
}, 

find()只適用於後代元素，來檢查當前元素使用is(':checked')

Answer 2

嘗試

if($('#q1-a').find(':checked').length) var valid = true; 

if(typeof(valid) === "boolean" && valid) { ..... } 

Answer 3

你變 「合法」 不是假值啓動。試試這個：

var valid = false; 
if($('#q1-a').find(':checked')){ 
    valid = true; 
} 

，並把所有的代碼jquery的文檔內準備：（因此，該代碼將運行後的jQuery是準備好了。）

$(document).ready(function(){ 
/// all you function /// and running code. 


});