javascript - 检查复选框和单选按钮是否被选中

标签 javascript dom-events

我几乎浏览了有关该主题的所有答案,但很难找到解决方案。

基本上,我试图单击一个运行函数的按钮,该函数检查单选按钮或复选框是否被选中。

稍后我希望能够测试这些选择的不同组合。

这是代码。

<html>
<head>
  <script type = "text/javascript">
    function custom_urls(){
      var option1 = document.getElementById("option1");
      var option2 = document.getElementByid("option2");
      var bonus = document.getElementByid("bonus");                                          

      if ( option1.checked ){
        alert("Option1 is checked!");
      }
    }


  </script>
</head>
<body>
  <input type = "radio" id = "option1" > Option1 </input></br>
  <input type = "radio" id = "option1" value = "option2"> Option2 </input></br>
  <input type = "checkbox" id = "bonus" value = "bonus"> Bonus </input></br>
  <button type = "button" onclick = "custom_urls()">Click Me</button> 

</body>
</html>

我也尝试过:

if(option1.checked == true)

if(document.getElementById("option1").checked == true)

最佳答案

您的代码似乎有拼写错误。它必须是 document.getElementById:

<html>
<head>
  <script type = "text/javascript">
    function custom_urls(){
      var option1 = document.getElementById("option1");
      var option2 = document.getElementById("option2");
      var bonus = document.getElementById("bonus");                                          

      if (option1.checked){
        alert("Option1 is checked!");
      }
    }


  </script>
</head>
<body>
  <input type = "radio" id = "option1" > Option1 </input></br>
  <input type = "radio" id = "option2" value = "option2"> Option2 </input></br>
  <input type = "checkbox" id = "bonus" value = "bonus"> Bonus </input></br>
  <button type = "button" onclick = "custom_urls()">Click Me</button>

</body>
</html>

关于javascript - 检查复选框和单选按钮是否被选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13734277/

相关文章:

javascript - 是否可以在模式按钮中短暂存储表单数据?

javascript - 如何文本扭曲 "bulge/fisheye"效果?

javascript - Chrome扩展程序点击由js创建的按钮

javascript - 在循环中分配方法的非常奇怪的行为

javascript - 如何捕获鼠标悬停事件上的鼠标左键?

Javascript jQuery post()/get() JSON 对象作为文档准备好之前的闭包函数

javascript - DOM 中的 JavaScript 是异步代码还是同步代码?

javascript - jquery中的Ajax调用刷新Django中的数据库模型

javascript - 外部库引用在 Webpack 中有效,但在 Aurelia 内的 JSPM 中无效

javascript - JQuery 取消输入的文本