jQuery操作inputtype=radio的实现代码
2023-06-13 09:14:34 时间
<inputtype="radio">如下:
复制代码代码如下:
<inputtype="radio"name="city"value="BeiJing">北京
<inputtype="radio"name="city"value="TianJin">天津
<inputtype="radio"name="city"value="NanJing">南京
<inputtype="radio"name="city"value="YangZhou">扬州
<inputtype="radio"name="city"value="SuZhou">苏州
1、获取选中的radio的值:
使用元素选择器,再使用属性过滤器name="city",最后使用:checked选取被选中的元素。
2、给指定值的radio设置选中状态:
给name="city"而且value="YangZhou"的radio设置选中状态。
3、取消name="city"的radio的选中状态:
4、获取name="city"的radio的个数:
5、获取name="city"而且索引是偶数的radio:
索引是从0开始的。
6、获取name="city"而且索引是奇数的radio:
索引是从0开始的。
7、迭代radio:
//i,迭代的下标,从0开始
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值
});
迭代name="city"的radio。
8、禁用radio:
禁用name="city"的radio。
9、启用radio:
启用name="city"的radio。
相关文章
- jquery实现比较靠谱的手风琴代码详解编程语言
- jquery倒计时代码详解编程语言
- jquery操作单选框,复选框,下拉列表实现代码
- JQuery与iframe交互实现代码
- JQuery插件模板制作jquery插件的朋友可以参考下
- Jquery+JSon无刷新分页实现代码
- jquery中实现简单的tabs插件功能的代码
- jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
- 这些年、我收集的JQuery代码小结
- 基于jQuery的简单九宫格实现代码
- Jquery写一个鼠标拖动效果实现原理与代码
- jquery实现二级/三级/多级联动菜单的思路及代码
- jquery获得页面元素的坐标值实现思路及代码
- 使用jquery实现div的tab切换实例代码
- jquery实现的可隐藏重现的靠边悬浮层实例代码
- 用jQuery实现一些导航条切换,显示隐藏的实例代码
- jQuery动态设置form表单的enctype值(实现代码)
- jquery的相对父元素和相对文档定位示例代码
- jquery全选checkBox功能实现代码(取消全选功能)
- 同域jQuery(跨)iframe操作DOM(示例代码)
- JQuery中dataGrid设置行的高度示例代码
- Jquery的Tabs内容轮换效果实现代码,几行搞定
- jQuery事件绑定和委托实例
- Jquery焦点图实例代码
- javascript和jquery实现设置和移除文本框默认值效果代码
- Jquery仿IGoogle实现可拖动窗口示例代码
- jquery实现html页面div假分页有原理有代码
- JQuery拖动表头边框线调整表格列宽效果代码