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="modal-body1">

<div class="nr" id="zt" onmousedown="mousedown(this)" onmouseup="mouseup()">暂停 <input type="radio" class="radio" id="zt" name="radio" checked="checked" value="暂停">

</div>

< div class="nr" id="cc" onmousedown="mousedown(this)" onmouseup="mouseup()">穿刺 <input type="radio" class="radio" id="cc" name="radio" value="穿刺">

</div>

<div class="nr" id="lrds" onmousedown="mousedown(this)" onmouseup="mouseup()">录入滴速<input type="radio" class="radio" id="lrds" name="radio" value="录入滴速">

</div>

<div class="nr" id="ywfy" onmousedown="mousedown(this)" onmouseup="mouseup()">药物反应<input type="radio" class="radio" id="ywfy" name="radio" value="药物反应">

</div>

<div class="nr" id="xs" onmousedown="mousedown(this)" onmouseup="mouseup()">巡视<input type="radio" class="radio" id="xs" name="radio" value="巡视">

</div>

<div class="nr" id="bz" onmousedown="mousedown(this)" onmouseup="mouseup()">拔针<input type="radio" class="radio" id="bz" name="radio" value="拔针">

</div>

<div class="nr" id="jy" onmousedown="mousedown(this)" onmouseup="mouseup()">接液<input type="radio" class="radio" id="jy" name="radio" value="接液">

</div>

<div class="nr" id="qt" onmousedown="mousedown(this)" onmouseup="mouseup()">其他<input type="radio" class="radio" id="qt" name="radio" value="其他">

</div>

</div>