2016-06-29 4 views
0

У меня есть два окна выбора, в которых я хочу, чтобы по крайней мере один должен был быть необходим. Если мы выберем только один флажок, то он должен быть прав. Если мы выберем оба окна выбора, он должен быть прав. Если мы не выбрали ни одного, то оно должно быть обязательно.По крайней мере один поле выбора необходимо

вот мой код

<select name="A[]" > 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select> 
 

 
<select name="B[]" > 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

+0

Как бы один ничего не выбрать там? По умолчанию по умолчанию выбраны флажки по умолчанию. – poke

+1

^Предлагаю вам вместо этого установить переключатель. – Ctc

ответ

0

HTML:

<select name="A[]" id="test1" > 
    <option value="">Select A Vehicle</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

<select name="B[]" id="test2" > 
    <option value="">Select A Vehicle</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

JAVASCRIPT:

if($('#test1').val() == "" && $('#test2').val() == "") { 
     alert("Atleast select one vehicle"); 
    } 

    $('#test1').on('change', function() { 
     if($('#test1').val() == "" && $('#test2').val() == "") { 
      alert("Atleast select one vehicle"); 
     } 
    }) 

    $('#test2').on('change', function() { 
     if($('#test1').val() == "" && $('#test2').val() == "") { 
      alert("Atleast select one vehicle"); 
     } 
    }) 
+0

его не работает @Ajit – Divakarcool

+0

Я использовал JQuery. Поэтому вам нужно будет включить файл jquery. Если вам нужна поддержка только JAVASCRIPT, я отредактирую код. –

0

пытаются использовать этот .. экзамен PLE JS Fiddel

Проверка Проверка на время загрузки страницы

$(document).ready(function() { 
    Validate(); 
}); 

, и нажмите кнопку

$("#btnSubmit").click(function(){ 
    Validate(); 
});