Search jQuery

jQuery Forum

jQuery Mobile

Shreerang

Tap event on Radio Button

in jQuery Mobile • 8 years ago

Hello all.

I am trying to add the tap event for radio buttons widget and it does not seem to work. Can someone help me out here?

The JS is here...

$(document).on('pageshow', function(){
$("input:radio[name=cuisine-choice]").on("tap", function() {
console.log($(this).val());
});
});

The HTML is here...

<fieldset data-role="controlgroup" id="cuisine-choices">
<legend>Choose your cuisine</legend>
<input type="radio" name="cuisine-choice" id="cuisine-choice-cont" value="15" checked="checked" />
<label for="cuisine-choice-cont">Continental</label>
<input type="radio" name="cuisine-choice" id="cuisine-choice-mex" value="12" />
<label for="cuisine-choice-mex">Mexican</label>
<input type="radio" name="cuisine-choice" id="cuisine-choice-ind" value="14" />
<label for="cuisine-choice-ind">Indian</label>
</fieldset>

Link to JsFiddle - http://jsfiddle.net/Shreerang/oj7um33h/

Cheers!
Shreerang
Web Developer
Spatial Unlimited

Replies(7)

jakecigar

Re: Tap event on Radio Button

8 years ago

Try adding single quotes…

$("input:radio[name='cuisine-choice']").on("tap", function() {

JΛ̊KE

Shreerang

Re: Tap event on Radio Button

8 years ago

Thanks Jake, but this is not working either!

Cheers!
Shreerang
Web Developer
Spatial Unlimited

jakecigar

Re: Tap event on Radio Button

8 years ago

Make a demo of your code in jsfiddle or plunker. it’s not clear if the tap isn’t working or the selector.

JΛ̊KE

Shreerang

Re: Tap event on Radio Button

8 years ago

Here you go Jake - http://jsfiddle.net/Shreerang/oj7um33h/

I am also adding this fiddle link in the main question.

Cheers!
Shreerang
Web Developer
Spatial Unlimited

jakecigar

Re: Tap event on Radio Button

8 years ago

http://jsfiddle.net/jakecigar/oj7um33h/1/ works with a click event, not a tap event.

Since it’s really a change event that the browser fakes into a click event, I guess that tap event doesn’t work with radio buttons.

JΛ̊KE

Shreerang

Re: Tap event on Radio Button

8 years ago

Sure thing Jake. Works with a click event. Can someone from the JQM team on this forum confirm this??

Cheers!
Shreerang
Web Developer
Spatial Unlimited

jakecigar

Re: Tap event on Radio Button

8 years ago

Feel free to report it to them as a bug. They don’t visit the forums much.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Tap event on Radio Button

Replies(7)

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Re: Tap event on Radio Button

Statistics

Tags

Actions