在jsp页面中，勾选一个checkbox按钮后，使页面（表单）所有文本字体变红，这个怎么实现？
在此点击取消checkbox选中，并使页面字体恢复之前状态。急急答得好加分！！！页面中已经存在的字体，本身已经给有了CSS样式（颜色）怎么使其改，下面大神的方法并能改变是...
在此点击取消checkbox选中，并使页面字体恢复之前状态。急急
答得好加分！！！
页面中已经存在的字体，本身已经给有了CSS样式（颜色）怎么使其改，下面大神的方法并能改变是不错，小弟能理解，但是你们的方法对以上效果没有作用的阿！ 展开
答得好加分！！！
页面中已经存在的字体，本身已经给有了CSS样式（颜色）怎么使其改，下面大神的方法并能改变是不错，小弟能理解，但是你们的方法对以上效果没有作用的阿！ 展开
展开全部
function changeColor(obj){//obj为checkbox对象本身
if(obj.checked){
document.body.style.color = "red";
} else {
document.body.style.color = "black";
}
}
checkbox这样调用：<input type="checkbox" onclick="changeColor(this)"/>改变颜色
这个方法，什么时候对已经添加css样式的元素不起作用？是checkbox选中后？还是checkbox再次取消选中的时候？
if(obj.checked){
document.body.style.color = "red";
} else {
document.body.style.color = "black";
}
}
checkbox这样调用：<input type="checkbox" onclick="changeColor(this)"/>改变颜色
这个方法，什么时候对已经添加css样式的元素不起作用？是checkbox选中后？还是checkbox再次取消选中的时候？
追问
是本来页面没有选中的时候，有些字体已经加了CSS样式，也就是都有了颜色，你的方法我试啦，只能对没有任何样式附加的字体有效果，而一些已经有了CSS样式的字体，则没有效果了。
追答
不好意思，暂时还没找到方法，有空继续帮你找找
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
页面代码如下，试一下，看能不能满足你的要求：
<html>
<head>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[name='checkbox1']").click(function(){
if ($("[name='checkbox1']").attr("checked")=='checked'){
$("#form1").css("color","#FF0000");
}else{
$("#form1").css("color","#000000");
}
});
});
</script>
</head>
<body>
<input name="checkbox1" type="checkbox" value="changecolor"/>变色
<form id="form1">
测试数据1<br>
测试数据2
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[name='checkbox1']").click(function(){
if ($("[name='checkbox1']").attr("checked")=='checked'){
$("#form1").css("color","#FF0000");
}else{
$("#form1").css("color","#000000");
}
});
});
</script>
</head>
<body>
<input name="checkbox1" type="checkbox" value="changecolor"/>变色
<form id="form1">
测试数据1<br>
测试数据2
</form>
</body>
</html>
追问
你的意思我明白，我试了，但是没有那个效果，谢谢你！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你先给checkbox写一个onclick事件，触发function changeColor() ;
function changeColor()
{
var title = document.getElementById("title").value;
document.getElementById("title").style.color="red";
}
function changeColor()
{
var title = document.getElementById("title").value;
document.getElementById("title").style.color="red";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
