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

最新推荐文章于 2022-02-11 11:35:55 发布

sxf359

最新推荐文章于 2022-02-11 11:35:55 发布

阅读量2.2k

点赞数

分类专栏： jquery javascript

本文链接：https://blog.csdn.net/sxf359/article/details/77223492

版权

javascript 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

jquery

33 篇文章 0 订阅

订阅专栏

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);
    });
});