取消选中html中的禁用标记复选框

时间:2014-07-31 09:46:46

标签: javascript html

我有复选框列表,因为我禁用了一个复选框,即SQL。  当我点击全选按钮时,所有复选框都被选中。  相反,我需要选择除禁用的复选框以外的所有复选框。 请查看以下快照。 enter image description here

目前显示如图1所示。我期待如图2所示。 请找到以下代码。

<script type="text/javascript">
var checkflag = "false";
function check(field) {
  if (checkflag == "false") {
    for (i = 0; i < field.length; i++) {

      field[i].checked = true;
    }

    checkflag = "true";
    return "Uncheck All";
  } else {
    for (i = 0; i < field.length; i++) {

      field[i].checked = false;

    }

    checkflag = "false";
    return "Check All";
  }
}

</script>

<form name=myform action="" method=post>
<table>
  <tr><td>
    <strong>Make a selection</strong><br>
    <input type=checkbox name=list value="1">Java<br>
    <input type=checkbox name=list value="2">JavaScript<br>
    <input type=checkbox name=list value="3">ASP<br>
    <input type=checkbox name=list value="4">HTML<br>
    <input type=checkbox name=list value="5" disabled="true" >SQL<br>
    <br>                                                    
    <input type=button value="Check All" onClick="this.value=check(this.form.list)"> 
  </td></tr>
</table>
</form>

请帮帮我。 在此先感谢。

1 个答案:

答案 0 :(得分:1)

<强> jsBin demo

这就是你所需要的一切

function check(field) {
  var io = field.io ^= 1; // Toggle flag
  for (i=0; i<field.length; i++)
      if(!field[i].disabled) field[i].checked = io;
  return io ? "Uncheck All" : "Check All";
}