Home/ Questions/Q 7838361
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T15:04:58+00:00

Please take a look at my test page , my issue is to do

  • 0

Please take a look at my test page, my issue is to do with finding the value of the selected radio button in the “Select picture” group.

On loading I have used the following code: 

var currentImageFile = $("input:radio[name=selectedImage]:checked").val();

which picks up the default image for the “Selected picture” div on the left. So far so good.

Now the problem is when a “Select picture” radio button is subsequently clicked my event code: 

$("input:radio[name=selectedImage]").click(function() {     
  currentImageFile = $(this).val();
  alert($(this).val());  
});

(the alert is for testing only) returns no value at all!

The HTML is pretty straight forward:

<li><div class="xmasImage rounded" rel="http://www.completeinsight.co/resources/xmasHR/56269.jpg">
    <img class="rounded" src="http://www.completeinsight.co/resources/xmasLR/56269_p.jpg" width="65" height="65" border="0" alt="56269" />
    <div class="imageSelect"><input type="radio" name="selectedImage" value="56269">
        &nbsp;<label for="selectedImage">56269</label>
    </div>
</div></li>

I am missing the obvious??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var currentImageFile = '';
            $('#ImageSelection').find("input:radio[name=selectedImage]").click(function () {
                currentImageFile = $(this).val();
                alert($(this).val());
            });
        });
    </script>
</head>
<body>
    <ul id="ImageSelection">
        <li>
            <div class="xmasImage rounded" rel="http://www.completeinsight.co/resources/xmasHR/56269.jpg">
                <img class="rounded" src="http://www.completeinsight.co/resources/xmasLR/56269_p.jpg"
                    width="65" height="65" border="0" alt="56269" />
                <div class="imageSelect">
                    <input type="radio" name="selectedImage" value="56269">
                    &nbsp;<label for="selectedImage">56269</label>
                </div>
            </div>
        </li>
        <li>
            <div class="xmasImage rounded" rel="http://www.completeinsight.co/resources/xmasHR/56270.jpg">
                <img class="rounded" src="http://www.completeinsight.co/resources/xmasLR/56270_p.jpg"
                    width="65" height="65" border="0" alt="56270" />
                <div class="imageSelect">
                    <input type="radio" name="selectedImage" value="56270">
                    &nbsp;<label for="selectedImage">56270</label>
                </div>
            </div>
        </li>
    </ul>
</body>
</html>
    • 0