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变量。