Javascript 为什么我的引导开关在JS上的函数被设置时没有改变？

我想根据JS中设置的内容更改切换开关的开或关。在这种情况下，我在

JS

中设置为不活动，因为当模式关闭时，我的

HTML

正在使用活动/不活动值。如下面的示例所示，我的下拉列表运行良好，一旦模式关闭，它会将值更改为标准

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>

---

这是因为您在该部分声明了同名的2个ID

<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>

使用选中属性在模式隐藏事件中切换

---

$（'#toggle_pump'）.prop（'checked'，true）

您有多个相同的id，因此您正在设置span元素的.val（），这似乎不太合理

<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>

<div class="slider round">
<span class="off" name="add_device_status" id="add_device_status" 
value="Active" autocomplete="off">ON</span>
</div>

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