首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JavaScript :切换和检查单选按钮

JavaScript :切换和检查单选按钮
EN

Stack Overflow用户
提问于 2011-10-31 23:01:03
回答 3查看 7.7K关注 0票数 1

我编写了这段代码来在单选按钮之间切换,并显示我的自定义警报。

代码语言:javascript
复制
<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">

当选中任何单选按钮时,它必须显示特定的警报。怎么啦?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-10-31 23:20:04

这里你需要注意两件事: 1)你必须在单选按钮中使用'name‘属性。否则,您将无法选中该单选按钮。2)您不能使用单选按钮指向单选按钮。您可以为它分配一个ID,并使用getElementById方法在Javascript中使用它。另一种简单的方法是将对象传递给函数。请参考以下示例代码:

代码语言: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">
票数 2
EN

Stack Overflow用户

发布于 2011-10-31 23:08:22

您应该命名您的单选按钮,并从javascript中调用它们。

代码语言: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">
票数 3
EN

Stack Overflow用户

发布于 2011-10-31 23:03:23

radio[0]radio[1]是在html中定义的,而不是在javascript中定义的。您可以尝试使用JQuery或众多javascript选择器库中的一个。或者使用getElementById

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7955513

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档