jquery-ui - jquery切换开关以编程方式打开

Question

嗨，我正在使用 jquery ui toggleswitch toggleswitch.js我可以关闭值，但是

如何在 javascript 或 jquery 中以编程方式设置 on/off 值

我正在使用此代码进行更改，但我想将其设置为准备好文档

  $('.toggleEmailStatus').toggleSwitch().change(function (ev) {
        alert(ev);
        try {

            console.log("value= " + $(this).val());

        } catch (e) {
            alert(e);
        }     
 });

Answer 1

您可以通过点击相应的复选框以编程方式打开或关闭它：

jQuery(document).ready(function($) {
  $('.toggleswitch').toggleSwitch();
  $("#opt2").trigger("click"); // turn it on
});

<link href="https://raw.githack.com/jamiebicknell/Toggle-Switch/master/toggleswitch.css" rel="stylesheet" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
<script type='text/javascript' src='https://raw.githack.com/jamiebicknell/Toggle-Switch/master/jquery.toggleswitch.js'></script>
<label for='opt1'>Option 1</label>
<input type='checkbox' name='opt1' id='opt1' value='1' class='toggleswitch' checked='checked' />

<!-- Switch is OFF -->
<label for='opt2'>Option 2 (off by default)</label>
<input type='checkbox' name='opt2' id='opt2' value='1' class='toggleswitch' />