Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.04.2018, 17:16
Новичок на форуме
Отправить личное сообщение для Artaped Посмотреть профиль Найти все сообщения от Artaped
 
Регистрация: 09.04.2018
Сообщений: 4

изменение значения кнопок
Добрый День!
Встала задача написать скрипт изменения значения 3-х кнопок по нажатию на любую кнопку .После дня мучений получил результат,но терзают смутные сомнения что все что написал ,может уместиться в несколько строк кода.JS знаю слабо, интернет рыл, просто информации много и тяжело найти направление к чему это относится,вроде не слайдер и не карусель.
<!DOCTYPE html>
<html>
<head>
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<title>Изменяем кнопки</title>
</head>
<body>
<input id="b1" class="btn" name="btn1" type="button" value="1"><br>
<input id="b2" class="btn" name="btn2" type="button" value="2"><br>
<input id="b3" class="btn" name="btn3" type="button" value="3">

[JS]	
   var e =1;//static counter

	$('.btn').on('click',function(){
	    
	    //buttons
		var a = $('#b1').attr('value');
		var b = $('#b2').attr('value');
		var c = $('#b3').attr('value');
      
	  if(e==1){

          $('#b1').val(2);
          $('#b2').val(3);
          $('#b3').val(1);

      }else if(e == 2){

          $('#b1').val(3);
          $('#b2').val(1);
          $('#b3').val(2);

      }else{

          $('#b1').val(1);
          $('#b2').val(2);
          $('#b3').val(3);

      }
      //count step
      e++;
      //border step
      if(e==4){
      	e=1;
      }		
});[/JS]
</body>
</html>

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

value - это не атрибут, а свойство. $('#b1').val(3);
Ответить с цитированием
  #3 (permalink)  
Старый 09.04.2018, 17:20
Новичок на форуме
Отправить личное сообщение для Artaped Посмотреть профиль Найти все сообщения от Artaped
 
Регистрация: 09.04.2018
Сообщений: 4

Спасибо что подсказали!Просто теряюсь еще ,с наскока не получилось решить =( .Исправил.

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

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<button>1</button><br>
<button>2</button><br>
<button>3</button>
<script>
$('button').click(function(){
	$('button').each(function(){
		this.textContent <3 ? this.textContent++ : this.textContent=1;
	});
})
;
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2018, 17:32
Новичок на форуме
Отправить личное сообщение для Artaped Посмотреть профиль Найти все сообщения от Artaped
 
Регистрация: 09.04.2018
Сообщений: 4

Спасибо что показали решение я предполагал что ,то такое и будет!=(!А не подскажите где удочку взять(за рыбу спасибо!)?это если не ошибаюсь ооп?
Ответить с цитированием
  #6 (permalink)  
Старый 09.04.2018, 17:46
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Artaped,
Удочка?
https://javascript.ru/ да вот вроде совсем рядышком стоит
хотите удилище подлиннее? тогда вот https://developer.mozilla.org/ru/docs/Web/JavaScript
Ответить с цитированием
  #7 (permalink)  
Старый 09.04.2018, 17:48
Новичок на форуме
Отправить личное сообщение для Artaped Посмотреть профиль Найти все сообщения от Artaped
 
Регистрация: 09.04.2018
Сообщений: 4

Спасибо! Очень помогли!Буду переваривать!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение значения input[number] отдельными кнопками Greendumb Общие вопросы Javascript 10 20.01.2017 18:33
Изменение значения кастомизированного select'а babbetta Events/DOM/Window 3 29.05.2016 17:36
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Динамическое изменение значений диаграммы в зависимости от значения ползунков Volchen0ck Events/DOM/Window 8 23.04.2014 13:15
Изменение значения input при клике по ссылкам rammstein jQuery 11 18.10.2013 20:37