jquery - 模态事件关闭后如何使切换选项恢复默认值?
问题描述
模态事件关闭后如何使切换选项恢复默认值?我正在尝试使用prop checked
,但它不起作用。
在下面尝试过,但不起作用。
- $('#on').prop('checked');
- $('#on').prop('checked', false);
- $('#off').prop('checked', true);
HTML
<div class="modal fade" id="view_modal">
<div class="modal-body">
<div class="switch_toggle">
<input type="radio" id="off" name="status" value="inactive" checked>
<label for="off" class="text-center">OFF</label>
<input type="radio" id="on" name="status" value="active">
<label for="on" class="right text-center">ON</label>
<span aria-hidden="true"></span>
</div>
</div>
</div>
JS
$('.switch_toggle label').on('click', function(){
var indicator = $(this).parent('.switch_toggle').find('span');
if ($(this).hasClass('right')){
$(indicator).addClass('right');
console.log("active") //this is appear
} else {
$(indicator).removeClass('right');
console.log("inactive") //this is appear
}
});
$("#view_modal").on('hidden.bs.modal', function(e) {
$('#on').prop('checked', false); //this is not working
console.log("inactive modal 2") //this is appear
});
解决方案
推荐阅读
- flutter - Flutter - App Store Connect 被拒绝,因为在“您的应用程序的二进制文件”中需要“使用条款 (EULA) 的功能链接”
- vue.js - Vue 服务器端渲染和 Twitter 卡片
- python - 无法更改openpyxl上的字体
- .net - 带有 teradada 提供程序的 MVC ER
- kotlin - 根据 Kotlin 类生成 GraphQL 类型并转换类型
- c# - Google Tasks API BatchRequest 触发“批处理请求中的重复请求 ID”
- reactjs - React + FontAwesome + Bootstrap
- unreal-engine4 - 如何运行我的旧虚幻引擎 4 项目?
- c - 如何运行本教程 gluonfx:build 命令的结果?
- leakcanary - 为什么 LeakCanary 不推荐弱引用