Показать сообщение отдельно
  #2 (permalink)  
Старый 29.11.2017, 06:49
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

На jQuery можно так:

<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
div[class|=group] {
    display: none;
}
</style>
<script type="text/javascript">
$(function() {
    var fields = $('fieldset');
    $('.tab input').change(function() {
        fields.eq(this.value).show().children().prop('required', 1);
        fields.eq(this.value ^ 1).hide().children().prop('required', 0); 
    });
});
</script>
</head>
<body>
<form>
    <ul class="tab">
    <li class="fiz">
        <input type="radio" name="who" value="0" checked=""> Физическое лицо
    </li>
    <li class="iur">
        <input type="radio" name="who" value="1"> Юридическое лицо
    </li>
    </ul>
    <fieldset>
        <input type="text" name="" required="" placeholder="ФИО">
        <input type="text" name="" required="" placeholder="Адрес">
        <input type="text" name="" required="" placeholder="Должность">
    </fieldset>
    <fieldset style="display: none;">
        <input type="text" name="" placeholder="ФИО">
        <input type="text" name="" placeholder="Регистрационный номер">
        <input type="text" name="" placeholder="Название организации">
    </fieldset>
</form>
</body>
</html>


LI не имеют атрибута for, это у label "для ...".
Ответить с цитированием