ok so basically need get javascript to find an html input filed inside a content place etc. once I can get it once Il be able to fix it up but is doing my head in.

About.aspx

<%@ Page Title="About Us" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeBehind="About.aspx.vb" Inherits="RatingSystem.About" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
        <!-- STEP 1: JQUERY (BEFORE THE PLUGIN) -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js"></script>


    <!-- STEP 2: STAR RATING PLUGIN (AFTER JQUERY) -->
    <script type="text/javascript" src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css"/>
    <script type="text/javascript" src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.MetaData.js"></script>
    <script type="text/javascript">
      <!--
        function vote2() {
            //2nd value
            var t = "Your 1st rating is: "
            var j
            for (i = 0; i < document.myform2.rating2.length; i++) {
                if (document.myform2.rating2[i].checked == true) {
                    t = t + document.myform2.rating2[i].value
                    j = document.myform2.rating2[i].value

                }
            }
            if (t == "Your 1st rating is: ") {
                document.getElementById("txt2").value = "Choose a sport"
            }
            else {
                document.getElementById("txt2").value = t
                var hiddenControl2 = '<%= inpHide2.ClientID %>';
                document.getElementById(hiddenControl2).value = j
            }
        }
      -->
      </script>
<script type="text/javascript">

    function SetHiddenVariable() {


        var formname = document.aspnetForm.MyMasterPage_MainContent_rating.length;
alert(forname)
    }
</script>
<script type="text/javascript">
      <!--
    function vote() {
        //first value
        var t = "Your 1st rating is: "
        var j
        for (i = 0; i < document.myform.rating.length; i++) {
            if (document.myform.rating[i].checked == true) {
                t = t + document.myform.rating[i].value
                j = document.myform.rating[i].value
            }
        }
        if (t == "Your 1st rating is: ") {
            document.getElementById("txt").value = "Choose a sport"
        }
        else {
            document.getElementById("txt").value = t
            var hiddenControl = '<%= inpHide.ClientID %>';
            document.getElementById(hiddenControl).value = j
        }
    }
      -->
      </script>
          <script type="text/javascript">
      <!--
              function vote3() {
                  //3rd value
                  var t = "Your 1st rating is: "
                  var j
                  for (i = 0; i < document.myform3.rating3.length; i++) {
                      if (document.myform3.rating3[i].checked == true) {
                          t = t + document.myform3.rating3[i].value
                          j = document.myform3.rating3[i].value
                      }
                  }
                  if (t == "Your 1st rating is: ") {
                      document.getElementById("txt3").value = "Choose a sport"
                  }
                  else {
                      document.getElementById("txt3").value = t
                      var hiddenControl3 = '<%= inpHide3.ClientID %>';
                      document.getElementById(hiddenControl3).value = j
                  }
              }
      -->
      </script>
                <script type="text/javascript">
      <!--
                    function vote4() {
                        //4th value
                        var t = "Your 1st rating is: "
                        var j
                        for (i = 0; i < document.myform4.rating4.length; i++) {
                            if (document.myform4.rating4[i].checked == true) {
                                t = t + document.myform4.rating4[i].value
                                j = document.myform4.rating4[i].value
                            }
                        }
                        if (t == "Your 1st rating is: ") {
                            document.getElementById("txt4").value = "Choose a sport"
                        }
                        else {
                            document.getElementById("txt4").value = t
                            var hiddenControl4 = '<%= inpHide4.ClientID %>';
                            document.getElementById(hiddenControl4).value = j
                        }
                    }
      -->
      </script>
      <!-- set the values -->
            <script type ="text/javascript">
                function setradio() {
                    var hiddenControlOut = '<%= outHide.ClientID %>';
                    jout = document.getElementById(hiddenControlOut).value
                    for (i = 0; i < document.myform.rating.length; i++) {
                        if (document.myform.rating[i].value == jout) {
                            $('input[name="rating"]').rating('select', jout)
                        } else {

                        }
                    }
                }
      </script>
                <script type ="text/javascript">
                    function setradio2() {
                        var hiddenControlOut2 = '<%= outHide2.ClientID %>';
                        jout2 = document.getElementById(hiddenControlOut2).value
                        for (i = 0; i < document.myform2.rating2.length; i++) {
                            if (document.myform2.rating2[i].value == jout2) {
                                $('input[name="rating2"]').rating('select', jout2)
                            } else {

                            }
                        }
                    }
      </script>
                <script type ="text/javascript">
                    function setradio3() {
                        var hiddenControlOut3 = '<%= outHide3.ClientID %>';
                        jout3 = document.getElementById(hiddenControlOut3).value
                        for (i = 0; i < document.myform3.rating3.length; i++) {
                            if (document.myform3.rating3[i].value == jout3) {
                                $('input[name="rating3"]').rating('select', jout3)
                            } else {

                            }
                        }
                    }
      </script>
                <script type ="text/javascript">
                    function setradio4() {
                        var hiddenControlOut4 = '<%= outHide4.ClientID %>';
                        jout4 = document.getElementById(hiddenControlOut4).value
                        for (i = 0; i < document.myform4.rating4.length; i++) {
                            if (document.myform4.rating4[i].value == jout4) {
                                $('input[name="rating4"]').rating('select', jout4)
                            } else {
                            }
                        }
                    }
      </script>
    <style type="text/css">

        .style1
        {
            width: 320px;
        }
    </style>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<input id="inpHide" type="hidden" runat="server" />
<input id="inpHide2" type="hidden" runat="server" />
<input id="inpHide3" type="hidden" runat="server" />
<input id="inpHide4" type="hidden" runat="server" />
<input id="outHide" type="hidden" runat="server" />
<input id="outHide2" type="hidden" runat="server" />
<input id="outHide3" type="hidden" runat="server" />
<input id="outHide4" type="hidden" runat="server" />

<input class="star {split:2}" type="radio" name="rating" value="0.5"/>
<input class="star {split:2}" type="radio" name="rating" value="1.0"/>
<input class="star {split:2}" type="radio" name="rating" value="1.5"/>
<input class="star {split:2}" type="radio" name="rating" value="2.0"/>
<input class="star {split:2}" type="radio" name="rating" value="2.5"/>
<input class="star {split:2}" type="radio" name="rating" value="3.0"/>
<input class="star {split:2}" type="radio" name="rating" value="3.5"/>
<input class="star {split:2}" type="radio" name="rating" value="4.0"/>
<input class="star {split:2}" type="radio" name="rating" value="4.5"/>
<input class="star {split:2}" type="radio" name="rating" value="5.0"/>
<br />
<input class="star {split:2}" type="radio" name="rating2" value="0.5"/>
<input class="star {split:2}" type="radio" name="rating2" value="1.0"/>
<input class="star {split:2}" type="radio" name="rating2" value="1.5"/>
<input class="star {split:2}" type="radio" name="rating2" value="2.0"/>
<input class="star {split:2}" type="radio" name="rating2" value="2.5"/>
<input class="star {split:2}" type="radio" name="rating2" value="3.0"/>
<input class="star {split:2}" type="radio" name="rating2" value="3.5"/>
<input class="star {split:2}" type="radio" name="rating2" value="4.0"/>
<input class="star {split:2}" type="radio" name="rating2" value="4.5"/>
<input class="star {split:2}" type="radio" name="rating2" value="5.0"/>
<br />
<input class="star {split:2}" type="radio" name="rating3" value="0.5"/>
<input class="star {split:2}" type="radio" name="rating3" value="1.0"/>
<input class="star {split:2}" type="radio" name="rating3" value="1.5"/>
<input class="star {split:2}" type="radio" name="rating3" value="2.0"/>
<input class="star {split:2}" type="radio" name="rating3" value="2.5"/>
<input class="star {split:2}" type="radio" name="rating3" value="3.0"/>
<input class="star {split:2}" type="radio" name="rating3" value="3.5"/>
<input class="star {split:2}" type="radio" name="rating3" value="4.0"/>
<input class="star {split:2}" type="radio" name="rating3" value="4.5"/>
<input class="star {split:2}" type="radio" name="rating3" value="5.0"/>
<br />
<input class="star {split:2}" type="radio" name="rating4" value="0.5"/>
<input class="star {split:2}" type="radio" name="rating4" value="1.0"/>
<input class="star {split:2}" type="radio" name="rating4" value="1.5"/>
<input class="star {split:2}" type="radio" name="rating4" value="2.0"/>
<input class="star {split:2}" type="radio" name="rating4" value="2.5"/>
<input class="star {split:2}" type="radio" name="rating4" value="3.0"/>
<input class="star {split:2}" type="radio" name="rating4" value="3.5"/>
<input class="star {split:2}" type="radio" name="rating4" value="4.0"/>
<input class="star {split:2}" type="radio" name="rating4" value="4.5"/>
<input class="star {split:2}" type="radio" name="rating4" value="5.0"/>
<br />

<table width="100%">
<tr>
<td class="style1">
<asp:TextBox ID="txtJSValue" runat="server"></asp:TextBox>
         <input type="text" id="txt" /></td><td></td><td>
<asp:TextBox ID="txtJSValue5" runat="server"></asp:TextBox>
         </td><td>form path</td>
</tr>
<tr>
<td class="style1">
<asp:TextBox ID="txtJSValue2" runat="server"></asp:TextBox>
         <input type="text" id="txt2" /></td><td></td><td>
<asp:TextBox ID="txtJSValue6" runat="server"></asp:TextBox>
         </td><td>
         <input type="text" id="txt5" /></td>
</tr>
<tr>
<td class="style1">
<asp:TextBox ID="txtJSValue3" runat="server"></asp:TextBox>
         <input type="text" id="txt3" /></td><td></td><td>
<asp:TextBox ID="txtJSValue7" runat="server"></asp:TextBox>
         </td><td>
         <input type="text" id="txt6" /></td>
</tr>
<tr>
<td class="style1">
<asp:TextBox ID="txtJSValue4" runat="server"></asp:TextBox>
         <input type="text" id="txt4" /></td><td></td><td>
<asp:TextBox ID="txtJSValue8" runat="server"></asp:TextBox>
         </td><td>
         <input type="text" id="txt7" /></td>
</tr>
<tr>
<td class="style1">

<asp:Button ID="btnJSValue" Text="Click to retrieve Javascript Variable" runat="server" onclick="btnJSValue_Click"/>

</td><td></td><td colspan="2">
    <button type="button" onclick="setradio();setradio2();setradio3();setradio4();">Click Me!</button>
    </td>
    <td>
    
        <button type="button" onclick="SetHiddenVariable();">find form and rating</button>

    </td>
</tr>

</table>




</asp:Content>

VB.net page

Imports System
Imports System.Data.SqlClient
Imports System.Web.UI
Public Class About
    Inherits System.Web.UI.Page
    Dim con As New SqlConnection("Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|Database1.mdf;Integrated Security=True;User Instance=True")
    Dim reader As SqlDataReader
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        'Dim mainContent As ContentPlaceHolder = Master.FindControl("MainContent")
        'MsgBox("main content ID is " & mainContent.ID.ToString)
        'Dim firstselect As Object = mainContent.FindControl("referneceID")
        'MsgBox("forms ID is " & firstselect.ID.ToString)
        'Dim TB As TextBox = Master.FindControl("MainContent").FindControl("rating")
        'MsgBox(TB.Text)
        con.Open()
        Dim cmd As New SqlCommand("select * from test", con)
        reader = cmd.ExecuteReader
        While reader.Read()
            outHide.Value = reader("value1")
            txtJSValue5.Text = outHide.Value

            outHide2.Value = reader("value2")
            txtJSValue6.Text = outHide2.Value

            outHide3.Value = reader("value3")
            txtJSValue7.Text = outHide3.Value

            outHide4.Value = reader("value4")
            txtJSValue8.Text = outHide4.Value

        End While
        reader.Close()
        con.Close()
        btnJSValue.Attributes.Add("onclick", "vote();vote2();vote3();vote4();")
    End Sub

    Protected Sub btnJSValue_Click(sender As Object, e As EventArgs) Handles btnJSValue.Click
        txtJSValue.Text = inpHide.Value
        txtJSValue2.Text = inpHide2.Value
        txtJSValue3.Text = inpHide3.Value
        txtJSValue4.Text = inpHide4.Value
    End Sub
End Class

and site master

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb" Inherits="RatingSystem.Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body id="MasterPageBodyTag" runat="server">
    <form id="referenceID" runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        
    </div>
    </form>
</body>
</html>

so basically trying to get to "rating" on about.aspx in the javascript OR i dont mind having it found on page load in VB and then placed inside a hidden field for the javascript to read

Been trying so much with this but cant get it. have tried so many different methods.

All help thanked

var rating = 0;

$(‘#’ + ‘<%=BodyContent.ClientID’).find("input[name='rating']").each(function() { if ($(this).checked == true) { rating = $(this).val(); } });

then you should have the value of the which radio button is checked in the variable rating.

ok so jquery roughly the same doesnt matter emm when i try your code i recieve the following error

Compiler Error Message:
BC30451: ‘BodyContent’ is not declared. It may be inaccessible due to its protection level.

so obviously bodycontent isnt the right word, from the pages above im still not sure which it should be, returning the selected value isnt the problem its just getting down the file path thats right. but thanks for the nicer more compact way to do the search

Try this 

This should be the selector $('input[type="radio"]')



$(function() {

   alert($('input[type="radio"]').length);

});

// Do not forget to include the jQuery file..

I see, my mistake.  BodyContent is  Content section which doesn’t render to any html element.

try

adding a <div id="divContent"></div> tags within the BodyContent section, surround the <input> tags with the div tag and then do

$(‘#divContent’).find("input[name='rating']").each(function() { if ($(this).checked == true) { rating = $(this).val(); } });

sushanth009

jquery is included.

This returns 40 so its counting all the radio buttons, which is very close, is it possible to also refine it by the name attribute so it only looks through the ones belonging to a certain section so to speak *edit to remove that it wasnt working, i made
a mistake*

Javedwahid

this doesnt seem to do anything, when i put an alert after the rating its never triggered so assuming there is still something missing somewhere.

add an alert in it like this and see if you ever see it

$(‘#divContent’).find("input[name='rating']").each(function() { if ($(this).checked == true) { alert($(this).val()); } });

See if you get alerted with the value of the radio button that is selected.

Then if you want only the radio buttons with type="rating"  then you can try this.. This should be of length 10.

$(function() {

   alert($('input[type="radio"][name="rating"]').length);

});

javedwahid that never alerts even when i set all the rating values to being the value in the function, not sure whats wrong with it.

sushanth009 that just counts all the ratings that apply to that search criteria but I dont know how I would either set the checked value or read the checked value but it is finding the correct set of radio buttons

If thats the case , the you can try this..

$(function() {

    var ratings = $('input[type="radio"][name="rating"]');
    // Cache the required values into a variable..

    // To check/uncheck the items all at once you can try this..

    ratings.attr('checked' , true); // To check
    ratings.attr('checked' , false); // toUncheck
  
   // To itearate thru each element and check/unckec it do this
   // You can also add the condition you want inside the loop
   // if you want to check based on some condition

  var radioArray = [];
   $.each(ratings, function(i){
      $(this).attr('checked' , true); // To check
      
      $(this).attr('checked', false); // To uncheck
	  
	  // To read the value do this
	   var chk =  $(this).attr('checked');
        radioArray.push(chk);
		
       // Each iteration gets the corresponding element from the
       // ratings radio buttons..
   });
   // radioArray holds the info whether
   // the corresponding radio item was checked or not..
});

ok that helps but i think its moved too far away from my original script to understand,

this is what i now have

$(function () {

            var ratings = $('input[type="radio"][name="rating"]');
            // Cache the required values into a variable..

            // To check/uncheck the items all at once you can try this..

            //ratings.attr('checked', true); // To check
            //ratings.attr('checked', false); // toUncheck

            // To itearate thru each element and check/unckec it do this
            // You can also add the condition you want inside the loop
            // if you want to check based on some condition

            var radioArray = [];
            $.each(ratings, function (i) {
                if ($(this).attr('checked') == true) {
                var j = $(this).val
                    document.getElementById("txt").value = j
                    var hiddenControl = '<%= inpHide.ClientID %>';
                    document.getElementById(hiddenControl).value = j
                }
                //$(this).attr('checked', true); // To check

                //$(this).attr('checked', false); // To uncheck

                // To read the value do this
                var chk = $(this).attr('checked');
                radioArray.push(chk);

                // Each iteration gets the corresponding element from the
                // ratings radio buttons..
            });
            // radioArray holds the info whether
            // the corresponding radio item was checked or not..
        });
    }

which should be looping through and if it finds a rating that is checked it sets j and then txt and inpHide equal to it i think… but it doesnt work it cant find txt either. Since this is all being done by jQuery i basically want what this does but now im confused as to what is happeneing.

      <!--
    function vote() {
        //first value
        var t = "no value"
        var j
        for (i = 0; i < document.myform.rating.length; i++) //loop through all of the radio buttons for the first rating
        {
            if (document.myform.rating[i].checked == true) // find the one that is selected / checked
             {
                t = document.myform.rating[i].value //read its value and assign it to t and j
                j = document.myform.rating[i].value
            }
        }
        if (t == "no value") { // check it has deffinetly found a value
            document.getElementById("txt").value = "no choice made" // set text
        }
        else {
            document.getElementById("txt").value = t // set the test display so i can see during testing
            var hiddenControl = '<%= inpHide.ClientID %>'; // find the hidden field
            document.getElementById(hiddenControl).value = j // assign its value to it to be read by vb
        }
    }
      -->

the only thing i needed to do was find the txt element, the inpHide element and the ratings, and while it does loop through the ratings now im still unsure how to address the other elements

Think you are confused as there is too much of code written to achieve the same functionality .. I have created a example where in I am using 4 text boxes and the Hidden elements ..  Chekc this http://jsfiddle.net/sushanth009/JGWLp/1/

For a Shorter code you can create a loop and use a single function..

Check this for the smaller code http://jsfiddle.net/sushanth009/NMkV9/1/

Thanks sushanth009 got it working just before I read your post.

My function finally

<!--
        function vote2() {
            //2nd value
            $(function () {


                var hidfield2 = $('input[id="MainContent_inpHide2"]'); //find hidden field
                var ratings2 = $('input[type="radio"][name="rating2"]'); //find the form
                //alert(hidfield.attr('value'))

                //ratings.attr('checked', true); // To check
                //ratings.attr('checked', false); // toUncheck

                $.each(ratings2, function (i) {//start loop
                    if ($(this).attr('checked') == "checked") {
                        //

                        alert("found it, rating of " + $(this).attr("value"))// find checked
                        var j2 = $(this).attr('value')
                        hidfield2.attr('value', j2)//set value
                    }
                });
            });
        }
      -->

Thanks for everyones help, wouldnt have got this working without your help