<div class="TabListItem">
<div class="ListItem">
<div class="ListItem1">
<div class="ItemIcon">
<span class="Icon Icon1"></span>
</div>
</div>
</div>
<div class="ListItem">
<div class="ListItem1-2" >
<div class="ItemIcon">
<span class="Icon Icon2"></span>
</div>
</div>
</div>
</div>
$(document).ready(function(){
$(".ListItem").click(function(){
$(".ListItem").eq($(this).index()).find(".ItemIcon").css("border","1px solid #f43530");
/* $(".ListItem").find(".ItemIcon").removeClass("SelectedItem");*/
$(".ListItem").eq($(this).index()).find(".ItemIcon").addClass("SelectedItem");
if($(".ListItem").eq($(this).index()).find(".SelectedItem").length==1){
$(".ListItem").eq($(this).index()).find(".ItemIcon").removeClass("SelectedItem");
$(".ListItem").eq($(this).index()).find(".ItemIcon").css("border","1px solid ##efeff4");
}
});
点击div如何实现复选框效果?下面代码哪里有错?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- Vivianluolita 2016-11-01 11:08关注
$(".ListItem").click(function(){ //如果已经被选中 if($(this).find(".ItemIcon").hasClass("SelectedItem")){ $(this).find(".ItemIcon").removeClass("SelectedItem"); $(this).find(".ItemIcon").css("border","1px solid #efeff4"); } //如果没被选中 else{ $(".ListItem").eq($(this).index()).find(".ItemIcon").css("border","1px solid #f43530"); $(".ListItem").eq($(this).index()).find(".ItemIcon").addClass("SelectedItem"); } });
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 vue3页面el-table页面数据过多
- ¥100 vue3中融入gRPC-web
- ¥15 kali环境运行volatility分析android内存文件,缺profile
- ¥15 写uniapp时遇到的问题
- ¥15 vs 2008 安装遇到问题
- ¥15 matlab有限元法求解梁带有若干弹簧质量系统的固有频率
- ¥15 找一个网络防御专家,外包的
- ¥100 能不能让两张不同的图片md5值一样,(有尝)
- ¥15 informer代码训练自己的数据集,改参数怎么改
- ¥15 请看一下,学校实验要求,我需要具体代码