Показать сообщение отдельно
  #17 (permalink)  
Старый 03.09.2016, 08:57
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

Сообщение от рони Посмотреть сообщение
Manyasha,
нужно индекс кнопки учитывать иначе можно случайно нажать одно и тоже 2 раза, а потом уже переключить не получится.
исправляю свой вариант и доделываю под
Сообщение от k_DizeL Посмотреть сообщение
во втором блоке если, я выберу одну радиокнопку то в первом блоке всем пропишется disable.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
$(function() {
	var radio = document.querySelectorAll("[type='radio']");
	var counter=[],
		oldVal=[],
		oldName;
	[].forEach.call(radio, function(el, ind) {
	   el.addEventListener("click", function(){
		  var name = this.name;
		  if (oldVal[name] != ind){
			  if (counter[name] != undefined){
				counter[name]+=1;
			  } else{
				counter[name] = 1;
			  }
			  if (counter[name]>2){
				$("[name='" + name + "']").prop('disabled', true);
			  }
			  oldVal[name] = ind;
			  if (oldName && oldName != name){
				$("[name='" + oldName + "']").prop('disabled', true);
			  }
			  oldName = name;
		  }
	   })
	})
});
</script>
<p> ПЕРВЫЙ БЛОК </p>
<input type="radio" name="t1" id="q1" /><label for="q1">1</label><br />
<input type="radio" name="t1" id="q2" /><label for="q2">2</label><br />
<input type="radio" name="t1" id="q3"/><label for="q3">3</label><br />
<input type="radio" name="t1" id="q4" /><label for="q4">4</label><br />
<input type="radio" name="t1" id="q5" /><label for="q5">5</label><br />
 
<p> ВТОРОЙ БЛОК </p>
<input type="radio" name="t2" id="q6" /><label for="q11">1</label><br />
<input type="radio" name="t2" id="q7" /><label for="q22">2</label><br />
<input type="radio" name="t2" id="q8"/><label for="q33">3</label><br />
<input type="radio" name="t2" id="q9" /><label for="q44">4</label><br />
<input type="radio" name="t2" id="q10" /><label for="q55">5</label><br />

<p> ТРЕТИЙ БЛОК </p>
<input type="radio" name="t3" id="q11" /><label for="q11">1</label><br />
<input type="radio" name="t3" id="q12" /><label for="q22">2</label><br />
<input type="radio" name="t3" id="q13"/><label for="q33">3</label><br />
<input type="radio" name="t3" id="q14" /><label for="q44">4</label><br />
<input type="radio" name="t3" id="q15" /><label for="q55">5</label><br />
Ответить с цитированием