Chrome和Opera中的复选框切换
Checkbox toggle in Chrome and Opera
重现问题的步骤:
- 在浏览器"
Settings
"中,选择"On startup
"下的"Continue where you/I left off
" - 导航到演示
- 选中复选框
- 编辑文本
- 关闭浏览器并重新打开。或者复制/克隆选项卡
现在,正如您所看到的,复选框已选中,但文本区域未着色
我在Windows 10的最新版本Chrome和Opera中尝试过。我不确定Safari,但它的行为可能也是如此。
问题:
- 为什么会发生这种情况
- 什么是跨浏览器解决方案
尝试
window.onload = function() {
document.getElementById('colorsToggle').onchange = function() {
document.getElementById('textField').classList.toggle('tan');
}
document.getElementById('textField').classList.toggle(document.getElementById('colorsToggle').checked ? "tan" : "white");
};
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- 使用jquery选中/取消选中单个复选框
- Angular JS Filter-通过3个复选框进行筛选
- 如果选中了多个复选框,如何添加事件
- Javascript复选框函数:;缺少:在属性id之后"
- JavaScript-切换“;全部检查”;复选框true/false
- 如何从javascript/jquery中的复选框中获取布尔值
- 在Ajax中捕获复选框值
- Chrome和Opera中的复选框切换
- Jquery UI对话框中的复选框没有'它不会出现在Firefox 22.0和Opera中,但在Firefox
- 复选框和JQuery在Opera和IE中表现异常