jQuery:为何Firefox无效果?IE显示正常
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>j...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery：使用jQuery中的过滤选择器</title>
<style type="text/css">
<!--
form{
font-size:12px;
margin:0px;
padding:0px;
}
input.btn{
border:1px solid #005079l;
color:#005079l;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.myClass{
/*设定某个CSS类别*/
background-color:#ff0000;
text-decoration:underline;
}
-->
</style>
<script language="javascript" src="jquery-1.9.1.min.js"></script>
<script language="javascript">
function ShowChecked(oCheckBox){
//使用：checked过滤出被用户选中的
$("input[name="+oCheckBox+"]:checked").addClass("myClass");
}
</script>
</head>
<body>
<form name="myForm">
<input type="checkbox" name="sports" id="football" /><label for="football">足球</label><br />
<input type="checkbox" name="sports" id="basketball" /><label for="basketball">篮球</label><br />
<input type="checkbox" name="sports" id="volleyball" /><label for="volleyball">排球</label><br />
<br />
<input type="button" value="Show Checked" onclick="ShowChecked('sports')" class="btn" />
</form>
</body>
</html>
jQuery:为何Firefox无效果?IE显示正常 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery：使用jQuery中的过滤选择器</title>
<style type="text/css">
<!--
form{
font-size:12px;
margin:0px;
padding:0px;
}
input.btn{
border:1px solid #005079l;
color:#005079l;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.myClass{
/*设定某个CSS类别*/
background-color:#ff0000;
text-decoration:underline;
}
-->
</style>
<script language="javascript" src="jquery-1.9.1.min.js"></script>
<script language="javascript">
function ShowChecked(oCheckBox){
//使用：checked过滤出被用户选中的
$("input[name="+oCheckBox+"]:checked").addClass("myClass");
}
</script>
</head>
<body>
<form name="myForm">
<input type="checkbox" name="sports" id="football" /><label for="football">足球</label><br />
<input type="checkbox" name="sports" id="basketball" /><label for="basketball">篮球</label><br />
<input type="checkbox" name="sports" id="volleyball" /><label for="volleyball">排球</label><br />
<br />
<input type="button" value="Show Checked" onclick="ShowChecked('sports')" class="btn" />
</form>
</body>
</html>
jQuery:为何Firefox无效果?IE显示正常 展开
3个回答
展开全部
您好！很高兴为您答疑！
checkbox和radio标签的背景样式控制仅仅只有IE才提供了支持，其他标准浏览器都不支持，你这段代码是没有错的，FF是执行了的，只是没有提供出应该表现出来的样式而已。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
checkbox和radio标签的背景样式控制仅仅只有IE才提供了支持，其他标准浏览器都不支持，你这段代码是没有错的，FF是执行了的，只是没有提供出应该表现出来的样式而已。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
checkbox和radio标签的背景样式控制仅仅只有IE才提供了支持，其他标准浏览器都不支持，你这段代码是没有错的，FF是执行了的，只是没有提供出应该表现出来的样式而已，你可以使用FF的查看元素来监测是否JS生效。
如果希望做好一点的checkbox或radio的话 必须采用div模拟checkbox才行，光靠修改系统默认样式是无法完成这个工作的。必须借助div+css+js来实现。
如果希望做好一点的checkbox或radio的话 必须采用div模拟checkbox才行，光靠修改系统默认样式是无法完成这个工作的。必须借助div+css+js来实现。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
chorme,Opera,FF都无法显示，可能他们都不支持单选框的background-color样式吧
追问
哦哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
