实现点击单选按钮后面的文字说明自动选中相应单选按钮功能
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);
});
});
<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);
});
});
相关文章推荐
- html中点击radio后的文字相当于选中该单选按钮如何实现?怎么实现两个redio,选中一个,取消另一个?
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击文字选中单选按钮方法(for)
- jQuery 实现全部到精简的转换 点击“显示全部品牌按钮”显示到第二幅图,个别文字高亮显示,并且“显示全部品牌”按钮文字变为“精简显示品牌”并且向上向下箭头改变,用JQuery实现本功能。
- 操作TreeView:,选中左边树的节点,点击>>按钮 将选择的节点展现到右边的树中,同时将选择的节点从左边的树中移除。。点击<<实现同样的功能。。。。
- 自定义Dialog(图片,文字说明,单选按钮)----类ListPreference实现(2)
- 自定义Dialog(图片,文字说明,单选按钮)----类ListPreference实现(2)
- 实现鼠标点击单元格显示...按钮,点击按钮,弹出对话框,选中后在相应的单元格显示Text,并绑定单元格Value值。
- 自定义Dialog(图片,文字说明,单选按钮)----类ListPreference实现(2)
- iOS引导登录、登录引导、login(点击某个功能按钮需要登录并且登录完成后自动跳转到要去的功能实现方法)
- Android订票系统订票功能实现(特效点击按钮实现票数自动加减1)
- 【Unity快速实现小功能】NGUI篇——快速使用UIEventListener组件实现,按钮点击功能并添加相应的处理函数
- jQuery实现点击单选按钮切换选中状态效果
- js实现点击按钮出现输入框本地修改文字内容功能
- 页面实现验证码功能,点击“注册”按钮后,无论是否完成注册,验证码都能够自动刷新
- 微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
- iOS实现按钮点击选中与被选中切换功能