選択したオプションとチェックボックスがオンになっていることを確認してください。

Question

私はここにjavascriptでいくつかの問題があります。 誰かにオプションとチェックボックスを選択させてください。両方をチェックすると、他のチェックボックスはクリックできません。 私は関数に2つのパラメータを与えようとしました（1つはオプション用で、もう1つはチェックボックス用です）。

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") 
    {} 
} 

コメントの中の物は動作しません。

ここで名前を変更しました。誰かアイデアはありますか？申し訳ありませんが、私はjavascriptでうまくいきません...。

Answer 1

あなたは、あなたが一度に多くのチェックボックスを無効にしたい場合、または単に

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

を使用するように彼らにクラスを割り当て、

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

Answer 2

私は使用したいような音これがあなたの後ろであるかどうかは確かではありませんが、何らかの条件付きロジックが必要なようです。これは、ラジオボタンを選択の上、イベントを変更する機能を結合し、その後、あなたはそれがやりたいものは何でもするために、異なる値にスイッチを使用していますhttps://jsfiddle.net/75uLereo/

var radios = document.myform.type, 
    select = document.myform.flavor; 

for(var i = 0; i < radios.length; i++){ 
    radios[i].addEventListener('change', checkValues); 
} 

select.addEventListener('change', checkValues); 


function checkValues(){ 
    var select = document.myform.flavor, 
    selectedValue = select.options[select.selectedIndex].value, 
    radioValue = document.querySelector('input[name = "type"]:checked').value; 

    if(radioValue !== "undefined"){  
     switch(selectedValue){ 
     case 'none': 
     case 'banana': 
     case 'strawberry': 
      alert("This is "+selectedValue+" and "+radioValue+". Do some conditional logic with the values!"); 
      break; 
     default: 
     break; 
     } 
    } 

} 

：私はそれを説明するためのフィドルを作りました。

更新：

が、私は別の例を作った、チェックボックスやチェックボックスからbool値でそれらが

https://jsfiddle.net/75uLereo/2/