Показать сообщение отдельно
  #3 (permalink)  
Старый 17.12.2021, 21:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

c4udok, малость изменить...
<!DOCTYPE html>
<html>
<head>
<script src='https://code.jquery.com/jquery-latest.min.js'></script>
<!--
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
<script src='tmp.js'></script>
-->
<style>
</style>
<script>
</script>
</head>
<body>
<form id="sliderData">
	<input id="slider1" type="range" min="0" max="5" value="0">
	<br>
	<input type="radio" name="h" checked="checked" value="0"> 
	<input type="radio" name="h" value="1"> 
</form>
<span>2</span>
<script>
const obj = {
	0: [2, 30, 20, 30, 35, 45],
	1: [4, 60, 40, 60, 75, 75]
}
$('#slider1').change(function() {
	const i = $("input:checked").val()
	$('span').text(obj[i][this.value]);
});
$("input[type='radio']").change(function(){
	const j = $('#slider1').val()
	$('span').text(obj[this.value][j]); 
});
</script>
</body>
</html>
Ответить с цитированием