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

时间:2016-12-11 05:10:31

标签: javascript jquery

此代码允许用户在网页上以图形方式选择一种或多种汽车模型。我需要检查是否选择了多个。如何计算所选项目的数量,以及它是否超过一个警报("某些")?简而言之,我需要知道在这里的示例代码中是否选择了Lexus和Inifiti。我真的需要计数,所以如果它大于1选择。任何帮助都非常感激,不确定我做错了什么。

MessageBox mb = new MessageBox(getShell());
mb.setText("Title");
mb.setMessage("Message");
mb.open();

我试过这个但到目前为止没有运气:

  <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>

1 个答案:

答案 0 :(得分:2)

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

如果我正确理解您的代码,则在选择项目时将“已选择”类添加到您的选项中。您是否只需要计算所选类的选项数量?

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