html选中radio隐藏div,点击div选中radio同时添加选中div效果

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 class="nr" id="cc" οnmοusedοwn="mousedown(this)" οnmοuseup="mouseup()">穿刺

录入滴速

药物反应

巡视

拔针

接液

其他