点击div选中radio同时添加选中div效果

最新推荐文章于 2024-03-28 09:14:04 发布

*WILL*

最新推荐文章于 2024-03-28 09:14:04 发布

阅读量4.8k

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/wx13227855087/article/details/81391714

版权

13 篇文章 0 订阅

订阅专栏

1. js部分

/* 点击div选中radio和选中效果*/

//鼠标按下

function mousedown(event){

var div = $(event).text(); //获取div的文本信息

var input = $(event).children().val(); //获取div的子元素的value值

if(div.trim()==input.trim()){ //判断div中文本信息是否等于子元素的value值

$(event).children().prop('checked',true); //如果值相等则设置子元素属性checked为true

}

var e=window.event; //获取事件对象

var o=e.srcElement; //事件发生时获取鼠标所在对象的名称

o.style.backgroundColor='#E3E3E3';

}

//鼠标松开

function mouseup(event){

var e=window.event;

var o =e.srcElement;

o.style.backgroundColor='#F5F5F5 ';

}

2. html部分

</div>

< div class="nr" id="cc" οnmοusedοwn="mousedown(this)" οnmοuseup="mouseup()">穿刺 <input type="radio" class="radio" id="cc" name="radio" value="穿刺">

</div>

</div>

</div>

</div>

</div>

</div>

</div>

关注

专栏目录