检查是否在javascript上选择了广播类型输入

Question

为什么

我有一个问题。我有4个无线电类型输入，我希望检查它们在我的JS函数中选择了哪个来显示不同的面板取决于此选择。我的问题是，当我必须在函数中的参数中写入内容时，如何检查是否已选择我的无线电输入。

这是我当前的功能（不起作用）：

function function1(){
    if (document.getElementsByClassName("btn1").is(":checked")){
        document.getElementById('div2').style.height = '200px';
    }
    else{
        document.getElementById('div2').style.height = '0px';
    }
    }

<label><input class="btn1" type="radio" name="optradio">Option 1</label>
<label><input class="btn1" type="radio" name="optradio">Option 1</label>
<label><input class="btn1" type="radio" name="optradio">Option 1</label>
<label><input class="btn1" type="radio" name="optradio">Option 1</label>
<button id="btn" onClick="function1()">example 1</button>

Answer 1

getElementsByClassName()方法返回所有元素的集合

像这样吗？

 function function1(){
        if (document.getElementsByClassName("btn1")[0].checked){
            alert("first selected");
        }
        if (document.getElementsByClassName("btn1")[1].checked){
            alert("second selected");
        }
        if (document.getElementsByClassName("btn1")[2].checked){
            alert("third selected");
        }
        if (document.getElementsByClassName("btn1")[3].checked){
            alert("forth selected");
        }
   }