javascript - 将 2 个参数在 2 个不同的复选框中传递给一个函数

Question

<input type ="checkbox" id = "checkbox1" checked ="checked" value="1" onclick = "a()"/>
<input type ="checkbox" id = "checkbox1" checked ="checked" value="2" onclick = "a()"/>

function(checkbox1,checkbox2)
{ 
   if(checkbox1.checked == true && checkbox2.checked == false)
   {
     alert("checkbox1 is checked, Checkbox2 ix Unchecked");
   }
}

如何在 a() 中传递 checkbox1 和 checkbox2 值？？？

Answer 1

您可以使用以下方式获取它:

var mycheckbox1 = document.getElementById('checkbox1');

和

var mycheckbox2 = document.getElementById('checkbox2');

您可能想将您的复选框 2 的 ID 更改为 id='checkbox2'，具有非唯一 ID 是无效语法。

如果您要求修改您发布的功能，则如下所示:

<input type ="checkbox" id = "checkbox1" checked ="checked" value="1" onclick = "a()"/>
<input type ="checkbox" id = "checkbox2" checked ="checked" value="2" onclick = "a()"/>

function a(){
     var mycheckbox1 = document.getElementById('checkbox1');
     var mycheckbox2 = document.getElementById('checkbox2');
     if(mycheckbox1.checked && !checkbox2.checked)
          alert('checkbox1 is checked, checkbox2 is unchecked');
}

现在，如果您要求获取选中的复选框的值，则如下所示:

<input type ="checkbox" id = "checkbox1" checked ="checked" value="1" onclick = "a(this)"/>
<input type ="checkbox" id = "checkbox2" checked ="checked" value="2" onclick = "a(this)"/>

function a(box){
    if(box.checked)
      alert(box.value);
}