Javascript.RU

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

получение радио кнопки по клику на нё
У меня есть код я хотел бы сделать так чтобы при нажатии на радио кнопку появлялся этот код вот код
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <style>

.q1{
display:flex;
font-size:40px;
 
}
#min111{
margin-left:97px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min1q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min2q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min3q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min4q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min5q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
margin-bottom:5px;
border: 2px solid #dedede;
}
#min6q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}

#min7q{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
.q{
margin-left:130px;
display:flex;
}

.q2{
margin-left:160px;
display:flex;
}

.q3{
margin-left:200px;
display:flex;
}

.q4{
margin-left:240px;
display:flex;
}

.q5{
margin-left:280px;
display:flex;
}

.q6{
margin-left:320px;
display:flex;
}

.q71{
margin-left:370px;
display:flex;
}


.q8{
margin-left:122px;
display:flex;
}

p{
margin-left:15px;
margin-bottom:0px;
}
button{
margin-top:40px;
margin-left:10px;
width:100px;
height:20px;
}
#mynum1{
width:80px;
height:40px;
font-size:35px;
}
#user {
    width: 80px; 
	height:40px;
	font-size:35px;
	margin:-5px;
   } 
q7{

}
hr{
margin-left:10px;
}
input{
text-align:center;
}

.loogo1{
margin-top:30px;
}

</style>
 <div class="loogo1">
  <div class="q71">
 <input id="mynum1"  /> <input type="button" onclick="guessNum1();" value="Проверка">
<p id="out"></p>
    <p id="out"></p>
    <p id="temp-out"></p>
   </div>
   
  <div class="q6">
  <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   </div>
  <div class="q5">
  <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   </div>
  <div class="q4">
  <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   </div>
  <div class="q3">
  <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   </div>
  <div class="q2">
  <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input type="text" maxlength="200" size="5"  id="user" ></p>
   <p><input type="text"  maxlength="200" size="5" id="user" ></p>
   <p><input type="text" maxlength="200" size="5" id="user" ></p>
   </div>
<div class="q">  
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   </div>
<div class="q1  ">
       <div id="min111"></div>	   
       <div id="min1q"></div> 
       <div id="min2q"></div>
       <div id="min3q"></div>  
       <div id="min4q"></div> 
       <div id="min5q"></div>	
       <div id="min6q"></div> 
       <div id="min7q"></div>	   	   
</div>
</div>	   

  </p> 
</div>

<script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script>
     <script type="text/javascript">
 var Sum71i, tempOut;



function guessNum1() {
  
  var num = document.getElementById('mynum1').value;

  if (num == Sum71i) {
        out.innerHTML = 'Вы угадали';
        alert('Вы ответели правельно молодец');
    }
  else if (num != Sum71i) {
alert('вы ответели неправельно попробуйте найти ошибку');
  } else if (num > Sum71i) {
    out.innerHTML = 'Вы ввели число больше!'
  } else if (num < Sum71i) {
    out.innerHTML = 'Вы ввели число меньше!'
  }

}
  

    var min111 =  Math.floor(Math.random() * 10);
    document.getElementById("min111").innerHTML = min111;
	
	 var min1q =  Math.floor(Math.random() * 10);
    document.getElementById("min1q").innerHTML = min1q;
	
	
	 var min2q =  Math.floor(Math.random() * 10);
    document.getElementById("min2q").innerHTML = min2q;
	
	var min3q =  Math.floor(Math.random() * 10);
    document.getElementById("min3q").innerHTML = min3q;
	
	 var min4q =  Math.floor(Math.random() * 10);
    document.getElementById("min4q").innerHTML = min4q;
	
	
	 var min5q =  Math.floor(Math.random() * 10);
    document.getElementById("min5q").innerHTML = min5q;
	
	var min6q =  Math.floor(Math.random() * 10);
    document.getElementById("min6q").innerHTML = min6q;
	
	
	 var min7q =  Math.floor(Math.random() * 10);
    document.getElementById("min7q").innerHTML = min7q;
	
	Sumw= min111+ min1q;
	
	
	Sum1w= min1q+ min2q;
	
	
	Sum2w= min2q+ min3q;
	
	
	Sum3w= min3q+ min4q;
	
	
	Sum4w= min4q+ min5q;
	
	
	Sum5w= min5q+ min6q;
	
	
	Sum6w= min6q+ min7q;




	
	
	
	Sum21e= Sumw+ Sum1w;

	
	Sum22e= Sum1w+ Sum2w;

	
	Sum23e= Sum2w+ Sum3w;
	
	Sum24e= Sum3w+ Sum4w;
	
	Sum25e= Sum4w+ Sum5w;
	
	Sum26e= Sum5w+ Sum6w;
	
	
	
	Sum31r= Sum21e+ Sum22e;
	
	Sum32r= Sum22e+ Sum23e;
	
	Sum33r= Sum23e+ Sum24e;
	
	Sum34r= Sum24e+ Sum25e;
	
	Sum35r= Sum25e+ Sum26e;
	
	
	
	Sum41t= Sum31r+ Sum32r;
	
	Sum42t= Sum32r+ Sum33r;
	
	Sum43t= Sum33r+ Sum34r;
	
	Sum44t= Sum34r+ Sum35r;
	
	
	Sum51y= Sum41t+ Sum42t;
	
	Sum52y= Sum42t+ Sum43t;
	
	Sum53y= Sum43t+ Sum44t;
	
	
	
    Sum61u= Sum51y+ Sum52y;
	
	 Sum62u= Sum52y+ Sum53y;
	 
	
	 Sum71i= Sum61u+ Sum62u;
	 
	 
	
 </script>
  <script type="text/javascript">
        
	  const inps = document.querySelectorAll('[id="user"]');
    inps.forEach((input, i) => {
   const next = inps[(inps.length + --i) % inps.length];

    input.addEventListener('keydown', event => {
    if(event.code == 'Enter' || event.code == 'Tab') (event.preventDefault(), next.select(), next.focus())
    });
    })
	
        </script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 29.06.2020, 10:22
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Лунтик
при нажатии на радио кнопку появлялся этот код
Может исполнялся? id="user" у всех кнопок, это бессмыслица, которая работать не будет.
Ответить с цитированием
  #3 (permalink)  
Старый 29.06.2020, 10:30
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

А можно сделать как я выше говорил.
Ответить с цитированием
  #4 (permalink)  
Старый 29.06.2020, 10:33
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Лунтик
А можно сделать как я выше говорил
А о чем разговор - показать или все таки выполнить код? И удалите бред с дубликатами id, насколько я помню, вам я это уже говорил - нельзя так, это ошибка!
Ответить с цитированием
  #5 (permalink)  
Старый 29.06.2020, 10:56
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

Показать код по нажатию на радио кнопку
Ответить с цитированием
  #6 (permalink)  
Старый 29.06.2020, 10:59
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Лунтик
Показать код
И по какой же кнопке его показывать, а что самое интересное потом вернуть все назад, если кнопок у вас туева туча?
Ответить с цитированием
  #7 (permalink)  
Старый 29.06.2020, 11:47
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

По радио кнопки нажимаеш выводится этот код нажимаеш на другую кнопку выводится другой код
Ответить с цитированием
  #8 (permalink)  
Старый 29.06.2020, 15:54
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Ну тогда этого не сделать, ибо не видно другого кода.

Код на странице выполняется, а не показывается, а вот результат выполнения кода, это может быть что-то и показать/изменить на странице, а может пользователь и не заметит никакого выполнения. Словами опишите чего вы хотите.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена id элемента по клику кнопки zapalych Общие вопросы Javascript 12 30.06.2017 16:23
Скрипт по событию нажатие радио кнопки Demokrat07 jQuery 6 30.11.2016 17:52
Получение кода по клику в форме регистрации yourmaze AJAX и COMET 0 11.05.2016 05:59
Получение данных строки грида при нажатии сторонней кнопки Allan Stark ExtJS 4 17.11.2011 19:21
Получение ссылки на объект в обработчике нажатия кнопки pauluss ExtJS 1 22.06.2011 15:27