[英]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.