html+js怎么实现单击一个值可以让多个相同数值加上selected 再次点击则删除selected

我这个只能实现单击一个框让一个值加上selected怎么样才能让他全部加上selected呢。理想的效果就是给list设置鼠标单击事件让他在后面加一个selected变成... 我这个只能实现单击一个框让一个值加上selected 怎么样才能让他全部加上selected呢。理想的效果就是给list设置鼠标单击事件让他在后面加一个selected 变成list selected 再次点击则变成list 只要用上list 全部值都加selected 我也不知道我解释的清不清楚= =我想实现 2个框框为一组任意点一组框框的中的一个会自动把那一组的二个框框都赋值selected 但是不影响其他组的框框展开





 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

桂哥的点滴
2017-01-06 · 关注教育，产品，互联网，个人成长。

桂哥的点滴

采纳数：1042 获赞数：2173

向TA提问私信TA

关注

展开全部

你的selected是下拉框option的属性，还是只是一个li的属性？

大致的情况是，如果你想两个东西同时变化，就给它们相同的class
如果是jQuery.js的话，就很方便操作。
原生js的话需要遍历每个元素。

更多追问追答
追问

你qq多少

不是下拉框 二个框框为一组 有一个包含input 所以我想单机没有输入框的那个空白框框也可以把值赋过去
追答

qq不回答百度知道！
有什么问题就在这里提问。
不太明白你的意思，最好把代码贴出来。
追问

好 我拍给你看







点带input的框框就正常赋值

我想实现的就是点没有带input的框一起同步

因为是二个框为一段 我想这样

我只能让他一个一个变色 我想让他二个一起变色

就是做到图二那样的效果 点一次二个框赋值 接着再次点击二个框取消赋值

我想把我现在html发过去 你就应该好理解



没有点击前



点击后 就是加selected

四个框都是相同的class 但是只能让一个变色 这就很无奈
追答
你看一下是要这样的效果吗？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
.box{width:54rem;float: left;clear:both;}
.list{width:20rem;height:5rem;line-height:5rem;margin:1rem;border:1px solid #999;float:left;padding:2rem;}
.list>input{height:2rem;width:16rem;}
.yellow{background: yellow;}
</style>
</head>
<body>
<div class="box">
<div class="list"></div>
<div class="list"><input type="text"></div>
</div>
<div class="box">
<div class="list"></div>
<div class="list"><input type="text"></div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(".box").click(function(){
if($(this).attr("haha")!=1){
$(this).addClass("yellow");
$(this).attr("haha",1);
}else{
$(this).removeClass("yellow");
$(this).attr("haha",2);
}
})
$(".list>input").click(function(e){
e.stopPropagation();
})
</script>
</body>
</html>
追问

看起来样子是实现了 但是这样我的js就无法赋值了

能不能让class="list"单击后变成class="list selected" 而不是改变box 那样的话 就无法实现赋值了

我给你我图中的样本 你试试就知道了

要在二个框的list同时加上selected
追答

我用个box,是因为按你说的，好像是两个两个是一起的，居然是一起的，就放到一个元素里面去，逻辑上比较好理解。
如果你不加box,当然也是可以的，我修改一下：

$(".list").click(function(){
var isinput=$(this).children("input").length;
if($(this).attr("haha")!=1){
	$(this).addClass("yellow").attr("haha",1);
    if(isinput){
    	$(this).prev().addClass("yellow").attr("haha",1);
    }else{$(this).next().addClass("yellow").attr("haha",1);}
}else{
	$(this).removeClass("yellow").attr("haha",2);
	if(isinput){
    	$(this).prev().removeClass("yellow").attr("haha",2);
    }else{$(this).next().removeClass("yellow").attr("haha",2);}
}
})

$(".list>input").click(function(e){
e.stopPropagation();
})

本回答由网友推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html+js怎么实现 单击一个值可以让多个相同数值加上selected 再次点击则删除selected

其他类似问题

为你推荐：

html+js怎么实现单击一个值可以让多个相同数值加上selected 再次点击则删除selected