javascript - 检查所选选项和复选框是否已选中

Question

我在使用 javascript 时遇到了一些问题。我希望有人选择一个选项和一个复选框，如果两者都被选中，那么其他复选框应该无法单击。我曾尝试为该函数提供 2 个参数(一个用于选项，一个用于复选框)。

function bs(id /*,chbxvalue */ )
{
    var selectElement = document.getElementById(id);
    var selectValue = selectElement.options[selectElement.selectedIndex].value;

    //var select2Element = document.getElementById(chbxvalue);
    //var selectCHBXval = select2Element.options[select2Element.selectedIndex].value;

    if((selectValue == "banana" ) /*&& (document.getElementById("apple").checked == true )*/ )
    {
        document.getElementById("juice").checked = true;
    }
    else if(selectValue == "Salad")
    {}
}

评论里的东西不起作用。

<div id="flavor"><br />
  <select id="bss" name="beh" onChange="bs('bss')">
     <option value="banana" >banana</option>
     <option value="pinapple" >pinapple</option>
  </select>
</div>

<div id="divcontainer" class="cont" style="display:block;">
       <input type="checkbox" name="app" id="apple" value="appl" />Apples <br />
       <input type="checkbox" name="juices" id="juice" value="fj" />Fruitjuice <br />
</div>

我在这里更改了名称。有人有想法吗？抱歉，我不太擅长 javascript....

Answer 1

听起来您想简单地使用

document.getElementById("...").disabled=true;

或者，如果您想一次禁用更多复选框，请为它们分配一个类，然后使用

elements = document.getElementsByClassName("my_class");
for(var i = 0; i < elements.length; ++i)
{elements[i].disabled = "true"; }