Jump to content

Radio button grouped with text


shocker-z

Recommended Posts

How can i make it so then when a user clicks on pic 1 text string it will selct the radio button next to it? I'm going to change this to an image instead of text but thought i would keep it simple :)

[code]  <label>
  <input type="radio" name="RadioGroup1" value="1">
  Pic 1
    </label>
  <br>
  <label>
  <input type="radio" name="RadioGroup1" value="2">
    Pic 2</label>
  <br>[/code]


think im loosing it up top lol

Thanks in advance,
Liam
Link to comment
Share on other sites

Ok i've done this using

<input type="radio" name="sample" id="one" accesskey="1" checked> <label for="one">One</label>

I now have a problem that when clicking the image it doesnlt select the box as well as setting the main image to the one selected see here [a href=\"http://blucode.sytes.net/ukchat/index.php\" target=\"_blank\"]http://blucode.sytes.net/ukchat/index.php[/a] login details
Username: shocker-z
Password: [blank]
by blank i mean totaly blank! :)

Here is all the code i'm using

[code]
<?
if ($_SESSION['logged_in']) {
?>
<script language="javascript">
function switch1(div) {
if (document.getElementById('1')) {
var option=['1','2','3'];
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div)? "block" : "none"; }
}
}
//
function switchImg(i){
document.images["wine"].src = i;
}
</script>


<table width="450" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="300" align="left" valign="top"><p class="fright"><img src="profiles/nopic.gif" id="wine" height="300" width="300" alt="" /></p></td>
    <td width="150" valign="top"><div class="fright"></div>
      <div align="center">
        <?php
$img_query=mysql_query("SELECT username,ID,description FROM images WHERE username='$session_username' LIMIT 3");
$i=0;
while ($img=mysql_fetch_array($img_query)) {
$i++;
if ($img) {
$id=$img['ID'];
$cat2=$cat.'/';
?>
      </div>
      <hr align="center" />
      <div align="center">
        <input type="radio" name="del_picture" id="<?php echo $id; ?>" accesskey="<?php echo $id; ?>" checked> <label for="<?php echo $id; ?>">pic <?php echo $id; ?>
        <img src="<?php echo($cat2.'thumbs.php?id='.$id); ?>" onclick="switchImg('<?php echo($cat2.'view.php?id='.$id); ?>')" checked="checked" /></label>
      </div>
      <hr align="center" />
      <div align="center">
  <?php
} else {
echo('no image');
}
$i++;
}
?>
  </div>
    </div></td>
  </tr>
</table>
<p>
  <label></label>
  <?php
} else {
        if (!$_SESSION['logged_in']) {
            echo("You are not logged in!");
        }
}?>
</p>[/code]


Regards
Liam
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.