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）您必须使用单选按钮中的“名称”属性。否则您将无法检查单选按钮。 2）您不能使用radio [0]指向单选按钮。您可以为其分配ID，并使用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选择器库。或者使用getElementById

JavaScript：切换并检查单选按钮

3 个答案: