通过一组checkbox来控制按钮是否为disabled

Question

<script language="javascript">
function CheckForm()
{
var num;
num=0;
for(i=0;i<document.all.form1.elements.length;i++)
  {
     if (document.all.form1.elements[i].checked)
        {num++;}
   } 
if (num>0 )
{
document.form1.Submit1.disabled=true;
}
else
{
document.form1.Submit1.disabled=false;
}
} 
</script>
<form action="" method="post" name="form1" id="form1">
<table width="220" border="0" cellspacing="1" cellpadding="0">
  <tr> 
    <td width="68" align="middle">1.</td>
    <td width="149"><INPUT id=checkbox1 type=checkbox name=checkbox onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">2.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">3.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr>
    <td align="middle">&nbsp;</td>
    <td><input type="submit" name="Submit1" value="11" disabled ></td>
  </tr>
</table></FORM>

Answer 1

<script language="javascript">
function CheckForm()
{
document.form1.Submit1.disabled=false
l=document.getElementsByName("checkbox1")
for(i=0;i<l.length;i++)
{
if(l[i].checked) document.form1.Submit1.disabled=true
}
} 
</script>
<form action="" method="post" name="form1">
<table width="220" border="0" cellspacing="1" cellpadding="0">
  <tr> 
    <td width="68" align="middle">1.</td>
    <td width="149"><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">2.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">3.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr>
    <td align="middle">&nbsp;</td>
    <td><input type="submit" name="Submit1" value="11" disabled></td>
  </tr>
</table></form>

Answer 2

<script language="javascript">
function CheckForm(){
document.form1.Submit1.disabled = true;
var elms = document.form1.checkbox1;
for (var i=0;i<elms.length;i++){
if (elms[i].checked){
document.form1.Submit1.disabled = false;
}
}
} 
</script>
<form action="" method="post" name="form1">
<table width="220" border="0" cellspacing="1" cellpadding="0">
  <tr> 
    <td width="68" align="middle">1.</td>
    <td width="149"><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">2.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">3.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr>
    <td align="middle">&nbsp;</td>
    <td><input type="submit" name="Submit1" value="11" disabled ></td>
  </tr>
</table></FORM>

Answer 3

<script language="javascript">
function CheckForm()
{
for(i=0;i<document.form1.checkbox1.length;i++){
if (document.form1.checkbox1[i].checked){
 document.form1.Submit1.disabled = false;
 return;
}
}
document.form1.Submit1.disabled = true;
} 
</script>
<form action="" method="post" name="form1">
<table width="220" border="0" cellspacing="1" cellpadding="0">
  <tr> 
    <td width="68" align="middle">1.</td>
    <td width="149"><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">2.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr> 
    <td align="middle">3.</td>
    <td><INPUT id=checkbox1 type=checkbox name=checkbox1 onclick="CheckForm()"></td>
  </tr>
  <tr>
    <td align="middle">&nbsp;</td>
    <td><input type="submit" name="Submit1" value="11" disabled ></td>
  </tr>
</table></FORM>