JavaScript: переключатель и проверка переключателя

Question

Я написал этот код, чтобы переключаться между переключателями и показывать свое настраиваемое предупреждение.

<script>
    function test() {
            if (radio[0].checked = true) {
                alert("hello1");
            }

            if (radio[1].checked = true) {
                alert("hello2");
            }
    }
</script>


<input type="radio" onclick="test()" value="0">
<input type="radio" onclick="test()" value="1">

При проверке любой из переключателей должно отображаться определенное предупреждение.Что не так?

Answer 1

Вы должны назвать свои радиокнопки и вызывать их из JavaScript.

<script>
    function test() {
        if (document.getElementById('radio1').checked == true) {
            alert("hello1");
        }

        if (document.getElementById('radio2').checked == true) {
            alert("hello2");
        }
    }
</script>


<input type="radio" id="radio1" onclick="test()" value="0">
<input type="radio" id="radio2" onclick="test()" value="1">

Answer 2

Здесь необходимо обратить внимание на две вещи: 1) Вы должны использовать атрибут 'name' в переключателе.В противном случае вы не сможете проверить переключатель.2) Вы не можете использовать радио [0], чтобы указывать на радио кнопку.Вы можете присвоить ему идентификатор и использовать метод getElementById, чтобы использовать его в Javascript.Другой простой способ - передать объект в функцию.Пожалуйста, обратитесь к примеру кода ниже:

<script>
    function test(radioObj) {
        if(radioObj.value == "0")
            alert("Hello1");
        else if (radioObj.value == "1")
            alert("Hello2");
    }
</script>

<input type="radio" name="test" onclick="test(this)" value="0">
<input type="radio" name="test" onclick="test(this)" value="1">

Answer 3

radio[0] и radio[1] определены в вашем html, но не в вашем javascript.Вы можете попробовать использовать JQuery или одну из множества библиотек javascript selector.Или используйте getElementById