jQuery的：不能檢查，如果單選按鈕被選中

Question

我有以下形式：

<div class="form-radios"> 

    <!-- OPTION #1 --> 

    <div class="form-item form-type-radio">    
     <input type="radio" name="auswahl_radio" id="option1" class="form-radio"> <label class="option" for="option1">Option 1</label> 

     <div class="radio-supplement"> 
      <p>Please accept:</p> 
      <input type="checkbox" id="checkbox_1" value="beer"><a href="#">Checkbox 1</a> 
      <input type="checkbox" id="checkbox_2" value="wine"><a href="#">Checkbox 2</a> 
     </div>  

    </div> 


    <!-- OPTION #2 --> 

    <div class="form-item form-type-radio"> 
     <input type="radio" name="auswahl_radio" id="option2" class="form-radio"> <label class="option" for="option2">Option 2 </label> 
    </div> 


    <!-- OPTION #3 --> 

    <div class="form-item form-type-radio"> 
     <input type="radio" name="auswahl_radio" id="option3" class="form-radio"> <label class="option" for="option3">Option 3</label> 
    </div> 

    </div> 

我想實現的是當用戶點擊提交按鈕，並檢查選項1，然後我的腳本應檢查是否選中了包含div.radio-supplement的兩個複選框。如果至少未選中其中一個，則表單不得發送。

下面是相關jQuery腳本，我想出了但不工作：

var checkbox_1 = $('#checkbox_1').prop('checked'); 
var checkbox_2 = $('#checkbox_2').prop('checked'); 

    if ($("#option1").is(':checked')) { 

     if ((checkbox_1 == true) && (checkbox_2 == true)) { 
       return true; 
      } else { 
       $('.messages_error').html('At option1 please check both checkboxes'); 
       window.scrollTo(0,0); 
       return false; 
     }; 

    }; 

請問你們誰看到錯誤？

Answer 1

嘗試這樣的：

var radios = jQuery("input[name='auswahl_radio']"); 
var radio_is_checked = radios.filter(":checked") ; 

然後檢查這個radio_is_checked變量。