jqxSwitchButton 如何在 jquery 中获取值

How jqxSwitchButton get value in jquery?

本文关键字：获取 jquery jqxSwitchButton      更新时间：2023-09-26

如何获取和设置 jqxSwitchButton 值？我使用此代码创建一个开关按钮，并希望获取按钮值。但它没有奏效。

<meta charset="UTF-8">
<title>SwitchButton</title>
<link rel="stylesheet" href="style/style_edit.css" type="text/css">
<link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/jquery-ui.css">
<link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/external/jqwidgets/styles/jqx.base.css" type="text/css"/>
<link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/external/jqwidgets/styles/jqx.classic.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-ui-1.11.4.custom/external/jquery/jquery-2.1.4.min.js"></script>
<script src="js/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4.custom/external/jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4.custom/external/jqwidgets/jqxswitchbutton.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4.custom/external/jqwidgets/jqxcheckbox.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#jqxSwitchButton').jqxSwitchButton({checked: true});
        // Get the value.
        var value = $("#jqxSwitchButton").jqxSwitchButton('val',true);
        var value2 = $("#jqxSwitchButton").val();
        console.log(value);
        console.log(value2);
        // Set value.
        $("#jqxSwitchButton").jqxSwitchButton('val', true);
        // Set value using jQuery's val().
        $("#jqxSwitchButton").val(true);
        });
</script>

.HTML：

<div class="switch_options">
<div id="jqxSwitchButton" value="A"></div>
</div>

它返回两个布尔值"true"，就像文档说的那样：参数类型值（可选）布尔值返回值布尔如何获取值"A"？表示返回字符串，然后设置值。谢谢！

我使用 attr 来获取和设置值，但不知道为什么 .val（） 无法获取值

        $("#jqxSwitchButton").attr("value","N");
相关文章：