Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

jQWidgets jqxSwitchButton val() Method

  • Last Updated : 04 Oct, 2021

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxSwitchButton is used to illustrate a jQuery button widget that changes its verified state after being clicked. Moreover, it is quite identical to the jqxToggleButton, yet possesses a distinct user interface view.

The val() method is used to set or get the value. It has one optional parameter namely value, which is of type Boolean. It returns a Boolean value.


To get the value.

var value = $("Selector").jqxSwitchButton('val');


To get the value using jQuery’s val().

var value = $("Selector").val();

To set value.

$("Selector").jqxSwitchButton('val', true);

To set value using jQuery’s val().


Linked Files: Download jQWidgets from the link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>

The below example illustrates the jqxSwitchButton val() method in jQWidgets.



<!DOCTYPE html>
<html lang="en">
    <script type="text/javascript" 
    <script type="text/javascript" 
    <script type="text/javascript" 
      <h1 style="color: green">GeeksforGeeks</h1>
      <h3>jQWidgets jqxSwitchButton val() method</h3>
      <br />
      <div id="jqxSB"></div>
          style="margin-top: 25px"
          value="Setting value"
    <script type="text/javascript">
      $(document).ready(function () {
          width: "150px",
          height: "40px",
          height: "25px",
          width: "70px",
          checked: true,
        $("#jqxBtn").on("click", function () {
          $("#jqxSB").jqxSwitchButton("val", false);



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!