Javascript 自定义CSS复选框jQuery-induced“；勾选“；财产不存在'；"；勾选“；复选框

首先，很抱歉这个模糊的问题，我不知道如何用语言来表达。我的问题最好用一个例子来说明

我使用的是一个带有几个复选框的引导下拉菜单。我使用了css技巧来改变它们的外观，使用了一些很棒的图标。但是，当我试图使用jQuery处理这些复选框的状态时，第一个复选框/取消复选框似乎起作用，但是任何后续的切换（复选框/取消复选框）都不起作用

$（'.js inputhit'）。单击（函数（）{
if（this==event.target）{
$（this.find（'：input'）。单击（）；
}
});
$（'.js inputhit:input'）。单击（函数（e）{
e、 停止传播（）；
});
$（'.selectchat_all'）。单击（函数（）{
$（'.selectchat\u active'）.attr（'checked'，false）；
$（'chat1，'chat2，'chat3，'chat4'）.attr（'checked'，true）；
});
$（'.selectchat\u active'）。单击（函数（）{
$（'.selectchat_all'）.attr（'checked'，false）；
$（'chat1，'chat2，'chat3，'chat4'）.attr（'checked'，false）；
});
/*添加自定义复选框图标*/
标签{
位置：相对位置；
左侧填充：20px；
光标：指针；
}
标签：之前，
标签：后{
字体系列：Fontsome；
字体大小：14px；
/*绝对定位*/
位置：绝对位置；
排名：0；
左：0；
}
标签：之前{
内容：'\f096'；
/*未经检查*/
}
标签：后{
内容：'\f046'；
/*检查*/
/*默认情况下，选中图标将使用0最大宽度和溢出隐藏隐藏*/
最大宽度：0；
溢出：隐藏；
不透明度：0.5；
/*CSS3动画效果转换*/
过渡：所有0.35秒；
}
/*隐藏原始复选框*/
输入[type=“checkbox”]{
显示：无；
}
/*当用户选中该复选框时，选中的图标将显示动画*/
输入[type=“checkbox”]：选中+标签：之后{
最大宽度：25px；
/*大于图标宽度的仲裁数字*/
不透明度：1；
/*用于淡入效果*/
}

梦幻黑客


伊扎库奥


夜蓝3


意象派



不勾选


选中所有
使用.prop（）而不是.attr（）

attr（）只更新实际的DOM树

有关详细信息，请参阅或


$（'.js inputhit'）。单击（函数（）{
if（this==event.target）{
$（this.find（'：input'）。单击（）；
}
});
$（'.js inputhit:input'）。单击（函数（e）{
e、 停止传播（）；
});
$（'.selectchat_all'）。单击（函数（）{
$（'.selectchat\u active'）.prop（'checked'，false）；
$（“#chat1，#chat2，#chat3，#chat4”）.prop（'checked'，true）；
});
$（'.selectchat\u active'）。单击（函数（）{
$（'.selectchat_all'）.prop（'checked'，false）；
$（“#chat1，#chat2，#chat3，#chat4”）.prop（'checked'，false）；
});
/*添加自定义复选框图标*/
标签{
位置：相对位置；
左侧填充：20px；
光标：指针；
}
标签：之前，
标签：后{
字体系列：Fontsome；
字体大小：14px；
/*绝对定位*/
位置：绝对位置；
排名：0；
左：0；
}
标签：之前{
内容：'\f096'；
/*未经检查*/
}
标签：后{
内容：'\f046'；
/*检查*/
/*默认情况下，选中图标将使用0最大宽度和溢出隐藏隐藏*/
最大宽度：0；
溢出：隐藏；
不透明度：0.5；
/*CSS3动画效果转换*/
过渡：所有0.35秒；
}
/*隐藏原始复选框*/
输入[type=“checkbox”]{
显示：无；
}
/*当用户选中该复选框时，选中的图标将显示动画*/
输入[type=“checkbox”]：选中+标签：之后{
最大宽度：25px；
/*大于图标宽度的仲裁数字*/
不透明度：1；
/*用于淡入效果*/
}

梦幻黑客


伊扎库奥


夜蓝3


意象派



不勾选


选中所有
尝试使用
.prop
而不是
.attr
：

$('#chat1, #chat2, #chat3, #chat4').prop('checked', true);

有关更多信息，请参阅。
谢谢！我不知道：）现在可以用了。我会在可能的情况下（7分钟后）选择正确答案。很高兴它解决了问题。这就是stackoverflow的作用：）太好了，这很有效。感谢您对差异的澄清。