js怎么实现选中后，图标和文字都变色
3个回答
展开全部
1、逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。
2、如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。
3、具体的JavaScript代码如下图所示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
</style>
</head>
<body>
<input type="button" value="男" checked="0"/>
<input type="button" value="女" checked="0"/>
</body>
</html>
<script>
let dom = document.getElementsByTagName("input");
for(let v of dom){
v.onclick = function(){
for(let v2 of dom) v2.style.color = "#000";
v.style.color = "#01b9fe";
}
}
</script>
试一下
<head>
<style>
</style>
</head>
<body>
<input type="button" value="男" checked="0"/>
<input type="button" value="女" checked="0"/>
</body>
</html>
<script>
let dom = document.getElementsByTagName("input");
for(let v of dom){
v.onclick = function(){
for(let v2 of dom) v2.style.color = "#000";
v.style.color = "#01b9fe";
}
}
</script>
试一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="font-size:30px;">性 别
<span id="m" onclick="change(this);">♂男</span>
<span id="w" onclick="change(this);">♀女</span>
</div>
<script>
function change(doc){
doc.style.color="green";
if(doc.id=="m"){
document.getElementById("w").style.color="";
}else{
document.getElementById("m").style.color="";
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
