Bootstrap switch setState gives js error

Question

I am trying to change the state of a bootstrap switch with a condition return value from Ajax,

HTML

<input type="checkbox" id="limit" class="make-switch" data-on-text="Yes" data-off-text="No" data-on="success" data-on-color="success" data-off-color="danger" data-size="small"> <input type="text" name="limit_amount" id="limit_amount" autocomplete="off" class="form-control" readonly> if(objData.limit === 'Yes') { $('#limit').bootstrapSwitch('setState', true); $("#limit_amount").prop("readonly", false); } else { $('#limit').bootstrapSwitch('setState', false); $("#limit_amount").prop("readonly", true); } 

But he throws an error, as shown below. Uncaught TypeError: cannot read the "apply" property from undefined

 Uncaught TypeError: Cannot read property 'apply' of undefined at HTMLInputElement.<anonymous> (bootstrap-switch.min.js:22) at Function.each (jquery.min.js:2) at n.fn.init.each (jquery.min.js:2) at n.fn.init.e.fn.bootstrapSwitch (bootstrap-switch.min.js:22) at Object.success (limitingcat.js:311) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at y (jquery.min.js:4) at XMLHttpRequest.c (jquery.min.js:4) 

Is this error incorrect?

Answer 1

Try it;)

As far as I can tell, this method has been updated (but poorly documented).

 $('#limit').bootstrapSwitch('state', true); $('#limit').bootstrapSwitch('state', false); 

fooobar.com/questions/262707 / ... by @bplittle