javascript - 为什么在设置 JS 的功能时我的引导切换没有改变?

标签 javascript jquery html modal-dialog toggle

我想根据 JS 中的设置将切换更改为 On 或 Off。在这种情况下,我在 JS 中设置为非事件作为我的HTML模态关闭时使用 Active/Inactive 值。如示例所示,我在下面的下拉列表运行良好,一旦模态关闭,它将值更改为标准。

enter image description here

HTML

<div class="form-group row">
    <label class="col-md-4">Status Device</label>
    <div class="col-md-8">
        <label class="switch">
            <input type="checkbox" id="toggle_pump">
            <div class="slider round">
                <span class="on" name="add_device_status" id="add_device_status" value="Active" autocomplete="off">ON</span>
                <span class="off" name="add_device_status" id="add_device_status" value="Inactive" autocomplete="off">OFF</span>
            </div>
        </label>
    </div>
</div>
<div class="form-group row">
    <label class="col-md-4">Device Rule</label>
    <div class="col-md-8">
        <div class="form-group">
            <select id="add_device_rule" class="custom-select form-control">
                <option value="std_pckg">Standard Package</option>
                <option value="vip_pckg">VIP Package</option>
            </select>
        </div>
    </div>
</div>

JS
$("#add_new_device_modal").on('hidden.bs.modal', function(e) {
    $('#add_device_status').val("Inactive");
    $('#add_device_rule').val("std_pckg");
});

最佳答案

https://jsfiddle.net/w0aqvg5m/

使用选中的属性来切换模式隐藏事件
$('#toggle_pump').prop('checked',true)

关于javascript - 为什么在设置 JS 的功能时我的引导切换没有改变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59729007/

相关文章:

javascript - 在 Dashcode/Dashboard 中制作动画时有更多控制权?

javascript - 使用$ location使用 Angular 返回

javascript - 是否可以从 angularjs 中的服务访问 $cookieStore?

javascript - jQuery如何在每个分号后插入<br/>标签

jquery - 跨满整个行

javascript - jQuery Validation 插件远程规则更改 php 函数值

jquery - 输入文件在JCrop中显示实时选择的图像

javascript - jQuery旋转功能不起作用

javascript - 在表单提交之前发送 Ajax 请求

html - 父 div 内的子 div 对齐问题