Показать сообщение отдельно
  #1 (permalink)  
Старый 01.12.2013, 22:44
Новичок на форуме
Отправить личное сообщение для bromel1 Посмотреть профиль Найти все сообщения от bromel1
 
Регистрация: 01.12.2013
Сообщений: 6

style.display = "none"
Доброго времени суток, работаю над проектом, срочно потребовалась форма с java, а с java не знаком(php forever), помогите.
На странице есть форма с 4-мя радио кнопками, у каждой кнопки есть своё значение(0,1,2,3), так же присутствуют 3 инпута типа текст, два из них всегда видны, а у 3-его display = "none". Суть:
если в радио выбран четвертый(значение = 3), у 3-его инпута display none убирается и он становится виден
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >$(document).ready(function() {
    $("#type").change(function() {
        var typeOfSite = $("#type :checked").val(),
            formOftype = $("#config_site");
            document.write(typeOfSite);
    switch (typeOfSite)
    {
        case 0:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 1:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 2:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 3:
            document.getElementById('nxt-2').style.display="block";            formOftype.live("change",function() {
                

            });

            break;
                

            });
    });    
});    </script>


          <div class="title-s"> выберите тип кухни </div>

            <div id="top-z">

                <div id="var">
                <form id = "type">
                  <div class="var-left"><div class="var-ins"><img src="type1" height="87px" width="127px"/></div> Г-образный левый</br><input type="radio" name="formcheckbox" value="0">  </div>

                    <div class="var-right"><div class="var-ins"><img src="type2" height="87px" width="127px"/></div> Г-образный правый</br><input type="radio" name="formcheckbox" value="1"></div>

                    <div class="var-left"><div class="var-ins"><img src="type3" height="87px" width="127px"/></div> прямой</br> <input type="radio" name="formcheckbox" value="2"> </div>

                    <div class="var-right"><div class="var-ins"><img src="type4" height="87px" width="127px"/></div> П-образный </br> <input type="radio" name="formcheckbox" value="3"></div>
                 </form>
                </div>

                <div id="config_site"><!-- config_site -->
<div class="s-var">

<div id="fd-st">

<div class="form-c">

<div class="form-title">Длинна A </div>

<div class="form-ins"><input type=text name="style1" id="count" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

<div class="form-c" ">

<div class="form-title"> Длинна B </div>

<div class="form-ins"><input type=text name="style2" id="countk" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

<div class="form-c" id="nxt-2" style="display: none">

<div class="form-title" id="fi" > Длинна C </div>

<div class="form-ins" id="fiok" ><input type=text name="style2" id="countk" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

</div>

<div id="s-var-ins"><img src="2.jpg" height="234px" width="338px"/></div>

</div>
                      

                </div><!-- config_site/ -->
Ответить с цитированием