Показать сообщение отдельно
  #5 (permalink)  
Старый 28.03.2013, 22:52
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Findail однозначно китаец.

<!DOCTYPE html>
<form id="calculator">
    <label><input type="radio" name="type" value="R1" /> R1</label>
    <label><input type="radio" name="type" value="R2" /> R2</label>
    <button type="button" id="calculate">Посчитать</button>
    <output id="message"></output>
    <script>
        (function(){
            var texts = {
                message: 'вы выбрали тип '
            }
            function getCheckedRadio(radios) {
                for (var i = 0; i < radios.length; i++) {
                    if (radios[i].checked) {
                        return radios[i];
                    }
                }
                return null;
            }

            var form = document.forms.calculator;
            var button = document.getElementById('calculate');
            var message = document.getElementById('message');
            button.onclick = price;
            
            function price() {
                var type = getCheckedRadio(form.type).value;
                message.innerHTML = texts.message + type;
            }
        })();
    </script>
</form>


Чуть подпилить - и готово.
Ответить с цитированием