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

Question

此代码允许用户在网页上以图形方式选择一种或多种汽车模型。 我需要检查是否选择了多个。 我如何获得此信息以计算所选项目的数量，以及是否比一个警报（“某物”）好呢？ 简而言之，我需要知道在示例代码中是否同时选择了雷克萨斯和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

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

如果我正确理解您的代码，则将“选择的”类添加到您的选择项（如果已选择）。 您是否只需要计算所选类别的选项项目数？

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