<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div class="regblock">
<div id="emailfield" class="form-group input-parent" style="display: none;">
<input type="email" id="email" name="email" value="user@site.ru">
<span class="fake-placeholder">Ваш Email (необходим для регистрации) <span>*</span></span>
</div>
<div class="agreement form-group input-parent">
<label for="group" class="form-label grouplabel">
<input class="form-checkbox form-control dop-section__item-input" type="checkbox" name="group" id="group" value="on">
<span class="custom-checkbox"></span>
Да, зарегистрировать меня на этом сайте
</label>
</div>
</div>
<button>GO</button>
<script>
$('.grouplabel').click(function () {
var chbox=document.getElementById('group');
var email=document.getElementById('email');
if (chbox.checked) {
email.value = '';
$('#emailfield').slideDown();
}
else {
email.value = 'user2@site.ru';
$('#emailfield').slideUp();
}
});
$('button').click(function() {
alert(email.value)
})
</script>
</body>
</html>
Отметить флажок, ввести значение, в чем "визуальная проблема"? Нажать кнопку. Где и какие проблемы?