javascript有条件地禁用复选框

Question

我有一些输入元素，并希望包括一个复选框，如果输入元素不完整，将被禁用。但是，我无法使用onClick属性。小提琴在下面。正如你所看到的，我的目标是，如果input1和input2留空，结果复选框应该被禁用。有什么建议？

小提琴：http://jsfiddle.net/0jozk5uL/

HTML

Input 1:<select name="input1" id="input1" initialvalue=""> 
<option class="no-op" value="">-- Please select --</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select><br> 
Input 2:<select name="input2" id="input2" initialvalue=""> 
<option class="no-op" value="">-- Please select --</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select><br> 
Result:<input type="checkbox" name="result" id="result"> 

的Javascript

var input1 = document.getElementById('input1'); 
var input2 = document.getElementById('input2'); 
var result = document.getElementById('result'); 

function(){ 
    if(input1 == "" && input2 == ""){ 
     result.disabled = true; 
    } else { 
     result.disabled = false; 
    } 

} 

Answer 1

您需要检查input1.value == ""，不能简单地input1 == ""

您还需要最初触发您的方法，并且每次选择列表更改值时都会运行它。

给这个函数的名称

function setCheckState(evt) { 
    if (input1.value == "" || input2.value == "") { 
     result.disabled = true; 
    } else { 
     result.disabled = false; 
    } 
} 

添加事件侦听器

input1.addEventListener('change', setCheckState); 
input2.addEventListener('change', setCheckState); 

火的方法来获得初始复选框状态集

setCheckState(); 

见我update to your fiddle

Finally，可以减少你if()语句来一个简单的任务...

function setCheckState(evt) { 
    result.disabled = input1.value == "" || input2.value == ""; 
} 

---

[编辑] ...感谢戴夫的基础上，问题的提出“禁用如果输入内容不完整“。我相信你是正确的使用||而不是&& ...更新这个答案，并再做一个fiddle change。

Answer 2

我想这是你想要什么：

function update(dropdown, check) { 
    if(dropdown.options[dropdown.getSelectedIndex].text != "--Please select--") { 
    check.disabled = false; // if value is not equal to --Please select--... 
    } else { 
    check disabled = true; 
    } 
} 

var check // = checkbox elem 

var in1 // = dropdown 1 elem 
var in2 // = dropdown 2 elem 

in1.onchange = function() { 
    update(in1, check); // update checkbox 
} 

in2.onchange = function() { 
    update(in2, check); // update checkbox 
} 

希望这有助于对不起任何输入错误，我在手机上。