getElementById, переключатели и document.write (); - PullRequest
Новая
       45

getElementById, переключатели и document.write ();

0 голосов
/ 03 августа 2011

Радио кнопки и JS отстой. Хорошо, теперь, когда я получил это из моей системы, вот моя проблема: я наконец-то получил Javascript для подтверждения значения переключателя после чтения getElementById не очень хорошо играет с Radio Buttons

Я могу предупредить значение, но document.write (); не сработает?

Вот мой код: 

<html>
<head>
<script type="text/javascript">
function getRadioValue() {
var y=document.getElementById('draftrequirement_2').value;
document.write(y);
return y;
}

window.onload = function() { alert(getRadioValue()); }
</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na" id="draftrequirement_2" />
</body>
</html>

Ответы [ 3 ]

1 голос
/ 03 августа 2011

В Firefox 5 и Chrome 12 я вижу «и» и в предупреждении, и в документе, поэтому document.write (), похоже, работает в этих браузерах.Однако после события загрузки окна отсутствует радиовход.

Могу я спросить, почему вы используете document.write ()?Есть много альтернатив манипулированию DOM.От w3schools.com (http://www.w3schools.com/js/js_howto.asp)

Примечание. Старайтесь избегать использования document.write () в реальном JavaScript-коде. Вся HTML-страница будет перезаписана, если document.write () используется внутри функции,или после загрузки страницы. Однако document.write () - это простой способ продемонстрировать вывод JavaScript в учебнике.

0 голосов
/ 20 декабря 2013

Не используйте document.write ().Всегда!

Сделайте свою жизнь проще и начните использовать jQuery или аналогичную библиотеку для манипулирования DOM.

Если вам нужно сделать это только с чистым javascript, это должно работать: 

<html>
<head>
<script type="text/javascript">
function checkRadio() {
var y=document.getElementById('draftrequirement_2').value;
document.getElementById('draftrequirement_2_message').innerHTML = y;
}

</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na"   id="draftrequirement_2" />
<div id="draftrequirement_2_message" />
</body>
</html>
0 голосов
/ 03 августа 2011 
<html> 
<head>
<script type="text/javascript">
function checkRadio() {
var y=document.getElementById('draftrequirement_2').value;
document.write(y);
return y;
}


</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na"     id="draftrequirement_2" />NA
</body>
</html>

Используйте это, это работает

...