Показать сообщение отдельно
  #9 (permalink)  
Старый 06.03.2018, 18:17
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	</style>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
	<form action="#">
		<input type="text" id="test">
		<input type="text" id="lol1">
		<input type="text" id="lol2">
		<input type="text" id="lol3">
		<input type="submit">
	</form>

	<script>

		$(document).ready(function(){
			
			$("#test").change(function(){
				var val = $("#test").val();
				if (val <= 100){
					
					$("#lol1").prop('required',true);
					$("#lol2").prop('required',false);
					$("#lol3").prop('required',false);
					
					
				}else if (val > 100 && val <=150){
					
					$("#lol1").prop('required',true);
					$("#lol2").prop('required',true);
					$("#lol3").prop('required',false);
				}else if (val > 150 && val <=200){
					
					$("#lol1").prop('required',true);
					$("#lol2").prop('required',true);
					$("#lol3").prop('required',true);
				}else if (val ==""){
					
					$("#lol1").prop('required',false);
					$("#lol2").prop('required',false);
					$("#lol3").prop('required',false);
				}
			});
		});	


	</script>
</body>
</html>
Ответить с цитированием