Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 验证是否使用jquery选择了多个项_Javascript_Jquery - Fatal编程技术网

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

Javascript 验证是否使用jquery选择了多个项,javascript,jquery,Javascript,Jquery,此代码允许用户在网页上以图形方式选择一个或多个车型。我需要检查是否选择了多个。我如何计算所选项目的数量,以及它是否比一个警报(“某物”)好??简而言之,我需要知道在这里的示例代码中是否同时选择了雷克萨斯和伊尼菲蒂。我真的需要计数,所以如果它大于1,请选中。非常感谢您的帮助,我不知道我做错了什么 <div class="options-item-wrapper clearfix"> <?php $modelOptions = array( 0

此代码允许用户在网页上以图形方式选择一个或多个车型。我需要检查是否选择了多个。我如何计算所选项目的数量,以及它是否比一个警报(“某物”)好??简而言之,我需要知道在这里的示例代码中是否同时选择了雷克萨斯和伊尼菲蒂。我真的需要计数,所以如果它大于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>

您的代码无法工作,因为隐藏的输入元素没有选定状态

如果我正确理解了您的代码,您可以将类“selected”添加到选项项(如果已选中)。您不需要计算所选类的选项项的数量吗

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

你应该发布结果HTML而不是PHP。也许你的工作小提琴会帮助我们。@Mike Q也许这会有帮助?无论如何,我认为如果您使用复选框,您需要
:checked
,而不是
:selected
。我认为后者适用于下拉列表。
:选中的
仅适用于
元素…
:选中的
仅适用于复选框和单选按钮。。。我不相信OP会用它工作的很好。。。我现在可以告诉用户,如果他们要使用关键字搜索,只选择一个项目。非常感谢。
var checkedNum = $('.options-item.selected').length;
alert(checkedNum);
if (checkedNum > 1) {
    alert('Validating the form2');
    // User didn't check any checkboxes
} else {
    die();
}