javascript - 使用 jquery 验证是否选择了多个项目

Question

此代码允许用户在网页上以图形方式选择一种或多种汽车型号。我需要检查是否选择了多个。我怎样才能得到这个来计算所选项目的数量，如果它比一个警报(“某事”)好？简而言之，我需要知道在此处的示例代码中是否同时选择了 Lexus 和 Inifiti。我真的需要计数，所以如果它大于 1 个选择。非常感谢任何帮助，不确定我做错了什么。

  <div class="options-item-wrapper clearfix">
    <?php
    $modelOptions = array(
        0 => array('title' => 'Lexus'),
        1 => array('title' => 'Infiniti')
    );

    foreach ($modelOptions as $modelOption) {
        $selected = '';
          $optionValue = '';

        if(in_array($modelOption['title'], $modelArray)) {
            $selected = 'selected';
            $optionValue = '<input class="vehicle-option"  
            type="hidden" name="model[]"       
            value="'.$modelOption['title'].'">';
        }

        echo '<div class="options-item '.$selected.'" data-vehicle="'.
        $modelOption['title'].'">
        <div>'.$modelOption['title'].'</div>
        '.$optionValue.'    </div>';
    }
    ?>
  </div>

我试过了，但到目前为止运气不好:

    var checkedNum = $('input[name="model[]"]:selected').length;
    alert(checkedNum);
    if (checkedNum > 1) {
        alert('Validating the form2');
        // User didn't check any checkboxes
    } else {
        die();
    }

Answer 1

您的代码不起作用，因为隐藏的输入元素没有选定状态。

如果我正确理解您的代码，您可以将类“selected”添加到您的选项项目中(如果它们被选中)。您是否只需要计算所选类别的选项数量？

var checkedNum = $('.options-item.selected').length;
alert(checkedNum);
if (checkedNum > 1) {
    alert('Validating the form2');
    // User didn't check any checkboxes
} else {
    die();
}