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>

我想要实现的是当用户点击提交按钮并选中OPTION＃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变量。

jQuery：无法检查是否选中了单选按钮

1 个答案: