Referencing Radio buttons in php generated script

[Ian :\)]

Hi

Just learning JavaScript and I'm trying to reference radio buttons generated
by php, the relevant lines are:

<td width="9%" align="center" class="bg-tb-td"><input name="editArticle"
type="radio" value=" <?php echo $row_rsArticles['articleID']; ?>" onclick =
"document.form1.deleteArticle.checked='false') "/></td>

<td width="9%" align="center" class="bg-tb-td"><input
name="deleteArticle" type="radio" value=" <?php echo
$row_rsArticles['articleID']; ?>" onclick =
"document.form1.editArticle.checked='false')"/></td>

I am trying to make the buttons mutually exclusive - you can see the onclick
event handlers where I am trying to do this. However I can see that this is
wrong because it doesn't allow unique identification for each radio button.
I want a click on one radio button to automatically uncheck its partner.

Any help greatly appreciated.

Thanks
Ian

[pcx99]

Ian :) wrote:

Hi

Just learning JavaScript and I'm trying to reference radio buttons generated
by php, the relevant lines are:

<td width="9%" align="center" class="bg-tb-td"><input name="editArticle"
type="radio" value=" <?php echo $row_rsArticles['articleID']; ?>" onclick =
"document.form1.deleteArticle.checked='false') "/></td>

<td width="9%" align="center" class="bg-tb-td"><input
name="deleteArticle" type="radio" value=" <?php echo
$row_rsArticles['articleID']; ?>" onclick =
"document.form1.editArticle.checked='false')"/></td>

I am trying to make the buttons mutually exclusive - you can see the onclick
event handlers where I am trying to do this. However I can see that this is
wrong because it doesn't allow unique identification for each radio button.
I want a click on one radio button to automatically uncheck its partner.

Any help greatly appreciated.

The name of the radio buttons must be exactly the same. Once you do
that they will automatically uncheck the other(s) when you click on one.
You should also remove the onClick event since the browser will handle
this automatically for you.

--
http://www.hunlock.com -- Musings in Javascript, CSS.
$FA

[VK]

Ian :) wrote:

I am trying to make the buttons mutually exclusive - you can see the onclick
event handlers where I am trying to do this. However I can see that this is
wrong because it doesn't allow unique identification for each radio button.

There is absolutely nothing wrong with it. Just opposite: this is the
way a radio group is intended to work in HTML; you must be mixed IDs
and names requirements. Respectively for your task scripting is not
needed at all, plain HTML will suffice:

<input name="deleteArticle" type="radio" value="yes">
<input name="deleteArticle" type="radio" value="no" checked>