0

我像这样列出我的数据库中的所有部门。

Select * from department

我正在使用分页列出部门。仅列出8个部门。

<?php 

 while($row_department = mysql_fetch_array($result))
{
       ?>
 <?php echo $row_department['department_name'];?>
   <div>
      <table width="500" border="0" cellspacing="1" cellpadding="1">
      <tr>
        <td>Department Description</td>
         <td>&nbsp;<textarea name="txt_department_description" cols="50" rows="7" id="txt_department_description"><?php echo $row_department['department_description']; ?>                   </textarea></td>
      </tr>
             <tr>
             <td width="341">&nbsp;<input type="checkbox" name="option"  id="option" onClick="javascript:enableButton();">Click to Delete Department<br></td>
             </tr>
            <tr>
            <td>&nbsp;<input name="enter_department" id="enter_department" type="submit" value="Update Department" /><input name="Reset" type="reset" value="Cancel" />            
  <input name="delete_department" id="delete_department" type="submit" value="Delete Department" />
 </td>
       </tr>
           </table>
           </div>
            <?php } ?>

通过此页面，用户可以更新或删除选定的部门。当用户单击上面列出的复选框时，将启用删除按钮。这个 javascript 函数将被称为 onclick 事件。

<script>
 function enableButton() {
    if(document.getElementById('option').checked){
    alert('1');
    document.getElementById('delete_department').disabled='';
    document.getElementById('enter_department').disabled='true';
    document.getElementById('enter_department').style.backgroundColor ='Grey';
    document.getElementById('delete_department').style.backgroundColor = 'green';
} else {
    document.getElementById('delete_department').disabled='true';
    document.getElementById('enter_department').style.backgroundColor ='';
    document.getElementById('delete_department').style.backgroundColor = '';
}
}   
</script>

当我们单击第一条记录上的复选框时，功能正在运行，但如果我们尝试单击第二条记录复选框，则功能不起作用。

任何人都可以看看这个吗？我做错了什么。

4

0 回答 0