Question

我正在列出我的数据库中的所有部门。

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>

当我们点击第一条记录上的复选框时，功能正常，但如果我们尝试点击第二条记录复选框，则功能无效。

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

单击复选框 - 动态创建的内容时，更改按钮的颜色

0 个答案: