我几乎浏览了有关该主题的所有答案,但很难找到解决方案。
基本上,我试图单击一个运行函数的按钮,该函数检查单选按钮或复选框是否被选中。
稍后我希望能够测试这些选择的不同组合。
这是代码。
<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/