index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<p><input type="radio" name="prim" value="apples">Яблоки</p>
<p><input type="radio" name="prim" value="pears">Груши</p>
<p><input type="radio" name="prim" value="plums">Сливы</p>
<button id="one">Жми</button>
</body>
</html>
1.js
var radio = document.getElementsByName('prim');
for(var i = 0; i < radio.length; i++) {
radio[i].onchange = testRadio;
}
function testRadio() {
console.log(this.value);
}
document.getElementById('one').onclick = checkRadio;
function checkRadio() {
var m = document.getElementsByName('prim');
for(var i=0; i<m.length; i++) {
if(m[i].checked) {
alert(m[i].value);
break; // останавливает цикл
}
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<p><input type="radio" name="prim" value="apples">Яблоки</p>
<p><input type="radio" name="prim" value="pears">Груши</p>
<p><input type="radio" name="prim" value="plums">Сливы</p>
<button id="one">Жми</button>
</body>
</html>
1.js
var radio = document.getElementsByName('prim');
for(var i = 0; i < radio.length; i++) {
radio[i].onchange = testRadio;
}
function testRadio() {
console.log(this.value);
}
document.getElementById('one').onclick = checkRadio;
function checkRadio() {
var m = document.getElementsByName('prim');
for(var i=0; i<m.length; i++) {
if(m[i].checked) {
alert(m[i].value);
break; // останавливает цикл
}
}
}
Комментариев нет:
Отправить комментарий