我想根据 JS 中的设置将切换更改为“开”或“关”。在这种情况下,我在 JS
中设置为 Inactive,因为我的 HTML
在模态关闭时使用 Active/Inactive 值。如示例所示,我下面的下拉菜单运行良好,一旦模态关闭,它会将值更改为标准。
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");
});
最佳答案
关于javascript - 为什么我的 bootstrap 切换没有改变,而 JS 的功能已经设置了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59729007/