gpt4 book ai didi

javascript - 为什么我的 bootstrap 切换没有改变,而 JS 的功能已经设置了?

转载 作者:行者123 更新时间:2023-12-02 22:05:30 25 4
gpt4 key购买 nike

我想根据 JS 中的设置将切换更改为“开”或“关”。在这种情况下,我在 JS 中设置为 Inactive,因为我的 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 - 为什么我的 bootstrap 切换没有改变,而 JS 的功能已经设置了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59729007/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com