jquery操作单选框选中状态
来源:互联网 发布:淘宝直通车怎么关闭 编辑:程序博客网 时间:2024/06/05 16:28
原文:http://blog.csdn.net/jiegeng2233/article/details/53083545
jquery中同时提供了attr()与prop()方法对属性进行获取
栗子
<div class="cb-container"><input type="radio" class="cb-radio" id="r1" name="rd" value="left"/><input type="radio" class="cb-radio cb-gap2" id="r2" name="rd" value="right"/><button id="btn" type="button" class="btn btn-primary cb-gap">left</button><button id="btn2" type="button" class="btn btn-primary cb-gap">right</button></div><script type="text/javascript"> $(document).ready(function () { var radios = $(".cb-radio"); $("#btn").click(function () { radios.eq(0).attr("checked", true); radios.eq(1).attr("checked", false); }); $("#btn2").click(function () { radios.eq(0).attr("checked", false); radios.eq(1).attr("checked", true); }); });</script>
整体代码可以在 https://example.codeboy.me/jquery/radio_operate_0.html 查看
测试后发现 left 与 right 按钮只有第一次点击后才能选择,之后点击后单选框的选中状态将一直处于未选中状态。
官网解释说:
在jquery1.6之后,对于checked,selected等进行状态改变时,需要使用的是prop()而不是attr(),于是我们我们将之前代码中的attr改变为prop后,可以看到运行效果如下,代码可以在 https://example.codeboy.me/jquery/radio_operate_1.html 查看。
<script type="text/javascript"> $(document).ready(function () { var radios = $(".cb-radio"); $("#btn").click(function () { radios.eq(0).prop("checked", true); radios.eq(1).prop("checked", false); }); $("#btn2").click(function () { radios.eq(0).prop("checked", false); radios.eq(1).prop("checked", true); }); });</script>
//返回 true 或 false , 进而判断是哪个单选框被选中的。
$("#r1").prop();
阅读全文
0 0
- Jquery操作单选框选中状态
- Jquery操作单选框选中状态
- jquery操作单选框选中状态
- Jquery操作改变单选框radio选中状态
- jQuery 操作checkbox翻页保存选中状态
- jQuery 移除单选框的选中状态
- jQuery操作select(设置某个option为选中状态)
- jQuery操作单选框、多选框是否选中问题
- 【jQuery】:checked选中状态选择器
- 【jQuery】:selected选中状态选择器
- JQuery、js判断复选框是否选中状态,及赋值操作
- jquery关于checkbox选中操作
- JQuery获取的值和选中状态
- jquery 获取 checkbox 选中状态 集合
- JQuery获取checkbox的选中状态
- jquery获得checkbox是否选中的状态
- jquery 复选框 选中 取消 获取状态
- jquery控制select的值,选中状态
- 自定义注解Demo
- 从100亿条记录的文本文件中取出重复数最多的前10条
- 关于touch事件的使用 (touchStart touchMove touchEnd(不触发 android 4.0以上)) 滑动的使用
- Angular2的模块架构浅谈
- TensorFlow实现经典深度学习网络(7):TensorFlow实现双向长短时记忆循环神经网络
- jquery操作单选框选中状态
- 分布式锁的应用
- QT常用宏和关键字
- 设计23式—中介
- oracle 基础知识1
- 数据挖掘工具Modeler有哪些重要资源?如何操作?
- docker常用命令记录
- 深入理解STM32之储存器和总线架构2(基于STM32F411)
- LZO 使用和介绍