s_k_t
s_k_t

Reputation: 739

Not able to get the value of Radio Button

<input type="radio" name="animal" id="cat" value="Cat" />
                <label for="cat">Cat</label>

            <input type="radio" name="animal" id="radio-choice-2" value="choice-2"/>
            <label for="radio-choice-2">Dog</label>

            <input type="radio" name="animal" id="radio-choice-3" value="choice-3"  />
            <label for="radio-choice-3">Hamster</label>

            <input type="radio" name="animal" id="radio-choice-4" value="choice-4"  />
            <label for="radio-choice-4">Lizard</label>
            <input type="button" value="Get Radio Button Value" onclick="getValue();"

I want to get the value of selected Radio Button on click of button I had written the code

function getValue () {
    alert("Value is :"+$('input[name=animal]:checked').val());  
    }

But its not working and getting Undefined

Update:

I have used js of Jquery and jquerymobile for jquery its for fine but as i am using it for mobile app so i need both the js library so in second case it didnot work.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

[Solved]

Upvotes: 1

Views: 1052

Answers (2)

Chan
Chan

Reputation: 34

Try this $("#myform input[type='radio']:checked").val();

OR

var myRadio = $('input[name=myRadio]');

//Use the filter() function, not find(). (find() is for locating child elements, whereas //filter() searches top-level elements in your selection.)

var checkedValue = myRadio.filter(':checked').val();

Upvotes: 1

Dhrumil Bhankhar
Dhrumil Bhankhar

Reputation: 1331

Hi I think you are getting the value without checking any radio button. Load your page then select any one of radio button and then call getValue function

Alternatively you can put any radio button selected by default.

e.g.

replace first radio button with

<input type="radio" name="animal" id="cat" value="Cat" checked="true"/>
                <label for="cat">Cat</label>

Upvotes: 1

Related Questions