Доброго времени суток, работаю над проектом, срочно потребовалась форма с 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/ -->