javascript - 填充多个文本框后如何自动取消选中复选框？

Question

我试过用这个

<input type="text" name="commentID" id="commentID" onkeyup="userTyped('skipID', this)"/>
<input type="checkbox" name="skipID" value="N" id="skipID" checked="checked"  />

和 javascript

function userTyped(commen, e){
if(e.value.length > 0){
document.getElementById(commen).checked=false;
}else{
document.getElementById(commen).checked=true;
}}​

它适用于JSfiddle，“EXAMPLE”，但我似乎无法让它在dreamweaver上运行，并且只有当我使用一个文本框时，我希望只有在三个文本框被填充后才自动取消选中该复选框。

Answer 1

这里http://jsfiddle.net/MAVLy/7/是一个使用带有三个文本框的 jQuery 重写的函数。为了便于阅读，我将文本框长度放入变量中，但您可以省略它。

HTML：

<input type="text" name="textbox1" id="textbox1" class="enable" />
<input type="text" name="textbox2" id="textbox2" class="enable" />
<input type="text" name="textbox3" id="textbox3" class="enable" />
<input type="checkbox" name="skipID" value="N" id="skipID" checked="checked"  />

查询：

$(function(){
  $('input.enable').keyup(function(){
    var t1 = $('#textbox1').val().length;
    var t2 = $('#textbox2').val().length;
    var t3 = $('#textbox3').val().length;
   if (t1==0 || t2==0 || t3==0) $('#skipID').attr('checked', true);
   else $('#skipID').attr('checked', false);
  });        
});

替代解决方案。这个适用于无限数量的类文本框enable

$(function(){
  $('input.enable').keyup(function(){
    var checked = false;
    $('input.enable').each(function(){
       if ($(this).val().length == 0) checked = true;
    });
    $('#skipID').attr('checked', checked);
  });        
});

另一个jsfiddle：http: //jsfiddle.net/MAVLy/8/