您的位置:首页 > 其它

实现点击单选按钮后面的文字说明自动选中相应单选按钮功能

2017-08-16 10:08 549 查看
cshtml代码:

<div class="form-group col-md-12 margin-bottom-10">
<label class="col-sm-2 control-label text-right">回访状态</label>
<div class="col-sm-10">
<input class="form-control" id="ReviewStatus" name="ReviewStatus" style="margin-left:15px;" type="radio" value="0" /> <span class="selectRadio">关机、欠费、拒接、无法接通、忙音、线路忙、正在通话中</span>
<input class="form-control" id="ReviewStatus" name="ReviewStatus" style="margin-left:15px;" type="radio" value="1" /> <span class="selectRadio">机主不在、换号非本人</span>
<input class="form-control" id="ReviewStatus" name="ReviewStatus" style="margin-left:15px;" type="radio" value="2" /> <span class="selectRadio">空号、停机、黑名单</span>
<input checked="checked" class="form-control" id="ReviewStatus" name="ReviewStatus" style="margin-left:15px;" type="radio" value="3" /> <span class="selectRadio">接通、挂机、不需要</span>
</div>

</div>

相应jquery代码:
$(function () {
//点击单选按钮后面的文字说明自动使相应的单选按钮处于选中状态
$(".selectRadio").click(function () {
//console.info($(this).prev(":radio"));
$(this).prev(":radio").prop("checked", true);
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐