Javascript desactiver readonly

Bonjour,

Voici mon problème :
j'ai un tableau qui récupère les enregistrements d'une base de données en affichant les données dans des champs texte en lecture seule (readonly). J'ai également inséré une image au début de chaque ligne.
Ce que je voudrais, c'est lors du clique sur l'image, les champs texte de cette ligne ne soit plus en lecture seule.
Il s'agit en fait de pouvoir modifier le contenu des champs. Là où je coince, c'est comment désactiver le readonly des champs texte de la ligne sélectionnée.
J'espère avoir été suffisamment clair.
Merci de votre aide, je vous joins un bout du code.

$requete="SELECT code, date, libelle_pb, lieu FROM suivi WHERE libelle_etud='$nom' ORDER BY date DESC;";
$resReq=mysql_query($requete) or die ("Problème de requete");
while($enreg=mysql_fetch_array($resReq))
{
echo "<tr><td align='center' width='80'><img src='icon_modif_test.jpg'></td>
<td><input readonly name='date' value=".$enreg['date']."></input></td>
<td><input readonly name='pb' value=".$enreg['libelle_pb']."></input></td>
<td><input name='lieu' value=".$enreg['lieu']."></input></td></tr>";
}