Setting the toggle state of a button

[Merovingian]

How do I toggle a button programmatically in javascript? I tried the following but it doesn't work

var btn = $("#btn").data("ejToggleButton");

btn.toggleState(false);

[Berly Christopher]

Hi Louis, 

 

Thanks for contacting Syncfusion support. 

 

We have checked with your query. To make use of ToggleButton’s API please refer the below code example.  

 

Index.cshtml: 

 

<input id="toggle" type="checkbox" />  

<script> 

 

    $("#toggle").ejToggleButton({defaultText:"Play",activeText:"Pause"}); //control initialization 

    var btn = $("#toggle").data("ejToggleButton"); // instance creation for toggle button 

    btn.option("toggleState",false); // toggle state declaration 

</script> 

 

You can define the ToggleState API for the Toggle Button in ASP.NET Core also. Please refer the below code. 

 

Index.cshtml: 

 

<ej-toggle-button id="check11" default-text="play" active-text="pause" toggle-state="false"/> 

 

Please refer the below API Documentation link to know more about toggleState API in the Toggle button. 

 

Link: https://help.syncfusion.com/api/js/ejtogglebutton#members:togglestate 

 

Please refer the below UG documentation link to know more about Toggle button. 

Link: https://help.syncfusion.com/js/togglebutton/easy-customization#toggle-state 

 

We have prepared the simple sample based on your requirement. Please get the sample from the below location. 

 

Sample Link: http://www.syncfusion.com/downloads/support/forum/132844/ze/Toggle_132844631217442 

  

Regards, 

Berly B.C