簡體   English   中英

驗證是否使用jquery選擇了多個項目

[英]Validate if more than one item was selected using jquery

此代碼允許用戶在網頁上以圖形方式選擇一種或多種汽車模型。 我需要檢查是否選擇了多個。 我如何獲得此信息以計算所選項目的數量,以及是否比一個警報(“某物”)好呢? 簡而言之,我需要知道在示例代碼中是否同時選擇了雷克薩斯和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();
    }

您的代碼不起作用,因為隱藏的輸入元素沒有處於選定狀態。

如果我正確理解您的代碼,則將“選擇的”類添加到您的選擇項(如果已選擇)。 您是否只需要計算所選類別的選項項目數?

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM