Jquery mobile checking checkbox dynamically is not working

Question

I have have checkbox from jquery mobile

     <form>
    <input class="checkclass"   name="d11" id="checkbox-mini-0" data-mini="true" type="checkbox">
    <label for="checkbox-mini-0">Completed This.</label>
   </form>
         <br><br>
         <div id="checkit">check</div>

I am trying to check dynamically based on name="d11" using below js

$('#checkit').click(function() {
$("input[name='d11']").prop('checked', true);
    alert("hi");
});

here is the fiddle ..http://jsfiddle.net/w2jJs/ ..But its not working in jquery mobile.some one please guide me where i am wrong

stackoverflow.com/questions/17027566/…

Omar
– Omar

2014-02-03 16:35:36 +00:00
Commented Feb 3, 2014 at 16:35 — Omar
– Omar, Commented Feb 3, 2014 at 16:35

Anton · Accepted Answer · 2014-02-03 15:14:11Z

1

You need to use .checkboxradio() for jQuery mobile

$('#checkit').click(function () {
    $("input[name='d11']").prop('checked', true).checkboxradio('refresh');
});

DEMO

answered Feb 3, 2014 at 15:14

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anton Over a year ago

@Vishnu Do you mean jQuery mobile 1.4.0? Because .prop() shouldn't work either since it's added in 1.6

Vishnu Over a year ago

yea sorry jquery mobile 1.4.0

Collectives™ on Stack Overflow

Jquery mobile checking checkbox dynamically is not working

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related