Показать сообщение отдельно
  #6 (permalink)  
Старый 25.03.2016, 11:26
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Цитата:
А как сделать то же самое, но:
а) используя не querySelector, а только id?
<button id="but_id">click me</button>
    <input type=radio name='radiobutton' value="1" id="labeled_1" />
    <input type=radio name='radiobutton' value="2" id="labeled_2" />
    <script>
        document.getElementById('but_id').onclick = function () {
            (!!(document.getElementById('labeled_1').checked || document.getElementById('labeled_2').checked)) && alert("Функция вызвана");
}
    </script>


Цитата:
б) чтобы решение имело вид <событие onclick кнопки> И <value радиокнопки==1> = вызов функции;
<button id="but_id">click me</button>
    <input type=radio name='radiobutton' value="1" id="labeled_1" />
    <input type=radio name='radiobutton' value="2" id="labeled_2" />
    <script>
        document.getElementById('but_id').onclick = function () {
            var radio = document.getElementsByName('radiobutton');
            if ([].some.call(radio, function (el) {
                if (el.checked && +el.value === 1)
                    return true;
            }))
                alert("Функция вызвана");
        }
    </script>
Ответить с цитированием