新聞財經娛樂♬資訊 News Economy

Given some more inputs.

Please write it in detail first that will assist other experts to easier or speed up answer your issue

Duncan

Hi Experts, I am on some deadline, if you can also help on following:

http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28486990.html

Thx for your pt

Have a nice day

Duncan

using class with radio button worked otherwise I kept trying # instead of . in jquery and of no use.

Thanks everyone who helped me in reaching out solution.

Finally the solution is:


    <script type="text/javascript">

        $(document).ready(function () {
            $(".myRadios").bind("click", function () {          

                alert($(this).val());
         
                alert($(this).closest("td").next("td").html());
                alert($(this).closest("td").next("td").next("td").html());
            });

            $(".btncss").bind("click", function () {

            });
        });

    </script>
    <div id="abc">
        <br />
        <br />
        <table id="tbl">
            <tr>
                <td>
                    <input class="myRadios" name="abc1" id="abc1" type="radio" value="1" /></td>
                <td>11</td>
                <%--<td>22</td>--%>
            </tr>
            <tr>
                <td>
                    <input class="myRadios" name="abc1" id="abc1" type="radio" value="2" /></td>
                <td>22</td>
                <td>33</td>
            </tr>
            <tr>
                <td>
                    <input class="myRadios" name="abc1" id="abc1" type="radio" value="3" /></td>
                <td>33</td>
                <td>44</td>
            </tr>
            <tr>
                <td>
                    <input class="myRadios" name="abc1" id="abc1" type="radio" value="4" /></td>
                <td>44</td>
                <td>55</td>
            </tr>
        </table>
        <input id="Button1" type="button" value="button" class="btncss" />
    </div>


I will put another question for getting it done on button click  now after some tries from my side if not worked.

    $(".btncss").bind("click", function () {

            });

I think the original question was answered, so I'll sign off now.  To clarify the following elements of the <input> control...

type= tells the browser what kind of control to render.
name= tells the browser what name to apply to the value in the resulting request (when the form is submitted)
class= gives the name of a non-unique selector for use with CSS style or other actions
id= gives the name of a unique selector for use with CSS style or other actions

When the request is sent (form is submitted) any unfired radio button or unchecked checkbox is absent from the request.  This differs from inputs of type="text" where the input control is present in the request, but with an empty value.  As a result it's important for the action script to know what possible names and values might be expected.

Going forward, please use the Code snippet feature when you post code here at E-E.  It gives us line numbers and a unispace font that makes things easier to read and discuss.  Just click the word Code in the line of formatting controls and paste your code between the tags.

Good catch by Ray
Don't know why everyone is insisting on using js to do what a radio group does naturally.
Well you have nothing in your radio buttons to identify anything, if you give them a value.

http://jsfiddle.net/GaryC123/467Lp/2/

There can only be one id= attribute of a given name.  With multiple id="abc1" input controls, the document may confuse the browser and so this probably will not work properly.

Current code is: <script type="text/javascript">  
   
     $(document).ready(function () {
         $(".myRadios").bind("click", function () {
             $("#abc").find('input[type=radio]').not($(this)).prop('checked', false);

             
         });

    });



 </script>
    <div id="abc">
    <br /><br />
    <input class="myRadios" name="abc1" id="abc1" type="radio" value="1" />
    <input class="myRadios" name="abc1" id="abc1" type="radio" value="2" />
    <input class="myRadios" name="abc1" id="abc1" type="radio"  value="3"/>
    <input class="myRadios" name="abc1" id="abc1"type="radio" value="4" />
        </div>

I am looking either in jquery or javascript, I want take some action when particular radio button is selected.

so looking for code which tells me which radio button is selected.

Unlike checkboxes, radio buttons are mutually exclusive by design.
http://www.utexas.edu/learn/forms/radio.html

Is there more to this question?

Just give the radio buttons the same name then they will unselect by default - no need for javascript
This is how you are supposed to use radio buttons.

http://jsfiddle.net/GaryC123/467Lp/