用 jQuery 控制 button 的 enabled/disabled demo

1
2
3
4
5
6
7

(omit)...
<input type="submit" id="delete" name="action" value="Delete users" disabled>
(omit)...
<input type="checkbox" name="uid[]" value="samtseng" onclick="enableAction();">
(omit)...
<input type="checkbox" name="uid[]" value="harrytseng" onclick="enableAction();">
(omit)...

(omit)... <input type="submit" id="delete" name="action" value="Delete users" disabled> (omit)... <input type="checkbox" name="uid[]" value="samtseng" onclick="enableAction();"> (omit)... <input type="checkbox" name="uid[]" value="harrytseng" onclick="enableAction();"> (omit)...

1
2
3
4
5
6
7
8
9
10
11
12
13

  function enableAction() {
    flag = false;
    $("input[type=checkbox][checked]").each(
      function() {
        flag = true;
      }
    );
    if (flag) {
      $("#delete").attr("disabled", false);
    } else {
      $("#delete").attr("disabled", true);
    }
  } // end function enableAction()

function enableAction() { flag = false; $("input[type=checkbox][checked]").each( function() { flag = true; } ); if (flag) { $("#delete").attr("disabled", false); } else { $("#delete").attr("disabled", true); } } // end function enableAction()