个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
当我使用 jQuery 函数 addClass 和 removeClass 更改 Internet Explorer (IE) 中复选框的外观时，它们无法正常工作。但是，它们在其他浏览器中运行良好。
这里是示例代码来说明我的问题:
$('input:#chkbox').click(function()
{
//if($(this).is(":checked")){
if($('input:#chkbox').is(":checked"))
{
$('input:#chkbox').next("label").addClass("etykieta_wybrana");
}
else
{
$('input:#chkbox').next("label").removeClass("etykieta_wybrana");
}
});
要进一步测试这一点，您可以使用 jsFiddler 运行代码(在 IE 中不起作用): http://jsfiddle.net/tejek/pZJMd/
最佳答案
如果您希望它只与一个复选框(ID 为 chkbox)一起使用，您的选择器应该是 $('#chkbox')，或者应该是$('input:checkbox') 如果您希望它适用于每个复选框。
此外，最好使用更改事件而不是单击事件，因为如果更改是通过鼠标单击以外的其他方式进行的，则单击事件(理论上)不应触发。
也许尝试这样的事情:
$('input:checkbox').change(function () {
var $this = $(this);
if( $this.is(':checked') ) {
$this.next('label').addClass('etykieta_wybrana');
} else {
$this.next('label').removeClass('etykieta_wybrana');
}
});
参见DEMO .
如果它没有帮助，那么尝试在 HTML 中手动添加和删除类，看看问题是否不是添加类，而是没有显示通过一些奇怪的怪癖模式渲染或其他方式添加类的效果。
确保您的 HTML 开头是这样的:
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
确保您始终能够充分利用 IE 渲染引擎。
关于jquery - addClass 和removeClass 在 Internet Explorer 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5257866/
26
4
0
siblings('.xx')有没有错误？单击时不想重复图像抱歉，我的英语太差了:( $(document).ready(function() { //$(".ok").removeClass("
我有一个具有以下样式的段落: .design_info_box p.design_info_desc { height:30px; text-overflow: ellipsis;
我现在正在执行以下操作，效果很好: $('#picker a').removeClass('selected'); 地点: Stuff Stuff Stuff Stuff 我如何更新 j
我有一个带有一些类的 div，我使用 Jquery 添加了一些 css $('.myClass').css("position","absolute"); 经过几个步骤后，我使用 myClass 删除
我正在尝试在类上启用事件监听器，但它不起作用 DOM 元素: Shop 这是 Javascript 事件监听器: 函数完成后，它会删除 .shopping，因此事件不再触发。 $('.shoppi
var increment = 0; $("#dial-save").click(function(){ $(".add-flow").html(""); $(".add-flow").append(
感谢这里的所有贡献者和 w3schools，我终于成功了。 我有 2 个菜单 - Term 和 PayTerm。 Term 始终高于 PayTerm。默认的 disabled 状态是完美的。当我点击
(function removeAnimation() { var $window = $(window), $html = $('html'); if ($window.wi
这个问题已经有答案了: How to remove CSS Class with Tampermonkey? (3 个回答) 已关闭 4 年前。 我正在尝试删除 hide来自单个div的类使用 Vio
removeClass 不会从下面的 js 中的 div.upvote 中删除类 selected，但 addClass() 可以正常工作。这是为什么？ $(document).ready(funct
我正在创建一个 Accordion ，它具有过滤搜索和字母分页功能。 Accordion 由折叠的卡片组成。当用户在搜索框中键入内容时，我希望卡片打开.removeClass('collapsed')
示例代码和示例为here . $("#menus > li > ul > li > a").click(function(){ $(this).toggleClass("selected").
我的 ajax 表单提交运行良好，但我想添加一个“成功”类，以向用户指示当用户选中或取消选中某个框时请求已完成。到目前为止我已经尝试了一些方法: $(".box").change(functi
我有一些元素，例如 A 类 test 然后我尝试从元素中删除该类: $('.A').removeClass('.A'); 但它似乎不起作用，如果我只知道这个元素的一个类，如何让它起作用？ 最佳答案 您
当我直接指定它时(即“ratingBlock”、“ratingBlock1”、“ratingBlock2”等)，此代码片段可在添加新类之前删除现有类。但是当我在removeClass('[class
如果您单击任一图像，每个图像都会出现一个独特的模态。 我使用了一个功能，可以在您点击离开时隐藏苹果模式。 如果我单击任何 .alt-btn，如何保持苹果模式显示？ $(document).on("cl
我需要你的帮助。 我无法从未选择的图像中删除事件链接。 代码如下: $(function(){ $(document).ready(function() { $(".Nav_t
我正在尝试制作自动幻灯片，但此消息不断弹出，我不明白为什么。 HTML: 'show' 和 'hide' 类分别将显示设置
我有一个 jssor 画廊，我通过添加 CSS 类“blur”对其进行了模糊处理。当用户点击 div 时，我想“取消模糊”这个画廊。为此，我添加了这个简单的 JS 代码: jQuery(doc
我可以将下面的代码重写为不那么重复的代码吗？ $("#iTUNES").click(function() { createLastEdition(26); $("#Beatpo
我是一名优秀的程序员,十分优秀！