Показать сообщение отдельно
  #3 (permalink)  
Старый 24.04.2014, 00:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

alexmixaylov,
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
 <script>
 $(function () {
     var obj = { set10 : ["lbl-275", "lbl-259", "lbl-286"],
                set11 : ["lbl-275", "lbl-259"],
                set12 : ["lbl-259"]};

     $('.label-hide label').hide();

     $('#vid-product').on('change', function () {
         $('.label-hide label').hide();
         var numberSet = $('#vid-product').val();
         var nameSet = ("set") + numberSet;
         nameSet = '.' + obj[nameSet].join(', .')
         $(nameSet, ".label-hide").show();
     });
});
</script>
</head>
<body>
  <select id="vid-product">
    <option selected="selected">Выберите</option>
    <option value="10" class="10">Первый набор</option>
    <option value="11" class="11">Второй набор</option>
    <option value="12" class="12">Третий</option>
</select>
<div class="label-hide">
    <label class="lbl-275">
        <input value="275" type="checkbox" class="value-275" />первый</label>
    <label class="lbl-259">
        <input value="259" type="checkbox" class="value-259" />второй</label>
    <label class="lbl-286">
        <input value="286" type="checkbox" class="value-286" />третий</label>
</div>
</body>
</html>
Ответить с цитированием