2013-02-26 4 views
-1

У меня есть два варианта с классами: select1 и .select2 и кнопка с классом .btn Теперь, когда щелкнули оба выбора, необходимо изменить только цвет кнопки. Может ли кто-нибудь помочь мне на этомвыберите вариант выбора группы?

Это должно быть сделано с помощью jquery.

+0

Вы имеете в виду, когда оба выбора будут выбраны, то цвет кнопки изменится? – Prashant16

+3

[Что вы пробовали?] (Http://mattgemmell.com/2008/12/08/what-have-you-tried/) – iappwebdev

ответ

0

Нравится?

$('.select1,.select2').on('change', function(){ 
    $('.btn').addClass('newClassWithColorChange'); 
}); 
0

Здесь рабочий раствор http://jsfiddle.net/ApfJz/7/

HTML:

<select class="select1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<select class="select2"> 
    <option>10</option> 
    <option>20</option> 
    <option>30</option> 
</select> 
<input type="button" id="mybutton" value="Button" /> 

JavaScript:

$(document).ready(function() { 
    $('.select1, .select2').change(function(){ 
     $('#mybutton').css('background-color', 'red'); // here do what you want on dropdown change   
    }); 
});  
0
$('.select1,.select2').on('change', function(){ 

    if(!$(this).hasClass('clicked')) 
    { 
     $(this).addClass("clicked"); 
    } 
    if($("select.clicked").length == 2) 
     $('.btn').addClass('newClassWithColorChange'); 
}); 
+0

Здесь вы можете легко отслеживать, щелкнули ли оба тега select или нет. и присваивать им класс. Соответствует ли это вашим требованиям сейчас? –

Смежные вопросы