关于jquery用checkbox模拟radio问题jquery对象操作无效
来源:互联网 发布:python写爬虫 编辑:程序博客网 时间:2024/06/03 15:14
今天做毕设项目用checkbox模拟radio功能遇到一个问题,用jquery对象操作无法实现radio功能,而用Dom对象才可以,其中内部机理未知。
1.先上html的一些代码:
<input class="J_filter_option" checked="checked" type="checkbox" value="" data-cablevel="经济舱" data-
field="Classes" name="filter_Classes" />
<input class="J_filter_option" type="checkbox" value="CF" data-cablevel="公务/头等舱" data-
field="Classes" name="filter_Classes" />
注意两个黑体加粗的部分就是checkbox
2.重点来了,对应的js脚本,注意注释。
$('input[name=filter_Classes]').bind('click',function(){
//利用Dom对象操作
for(var i=0;i<$('input[name=filter_Classes]').length;i++){
$('input[name=filter_Classes]').get(i).checked=false;
}
$(this).get(0).checked=true;
//利用jquery对象操作 无效
$('input[name=filter_Classes]').each(function(){
$(this).removeAttr('checked');
});
$(this).attr('checked','checked');
});
这是我写的模拟radio功能的代码,只能用dom对象操作才有效果。
希望把我遇到的坑跟大家说一下,以免误入歧途。
0 0
- 关于jquery用checkbox模拟radio问题jquery对象操作无效
- JQuery操作checkbox、radio(
- JQuery操作checkbox、radio
- checkbox、radio JQuery操作
- JQuery操作checkbox、radio
- JQuery操作checkbox、radio
- JQuery操作checkbox、radio
- jquery radio,checkbox,select操作
- jquery radio,checkbox,select操作
- jquery radio,checkbox,select操作
- jquery radio,checkbox,select操作
- jQuery操作radio、checkbox、select
- jquery 操作radio select checkbox
- jquery操作radio和checkbox
- jQuery 操作 radio、select、checkbox
- jquery操作checkbox,radio,select
- jquery操作checkbox或radio
- jquery操作radio和checkbox
- android之interpolator的用法详解
- getAttribute()与getParameter的区别
- Windows内核:读注册表键的值
- 2017今日头条实习测试
- 如何在 iOS10 Safari 中跳转 [设置-通用-描述文件]
- 关于jquery用checkbox模拟radio问题jquery对象操作无效
- FreeMarker进阶
- 关于 set_new_handler的总结
- JRebel6.0.3的Eclipse插件安装(破解)
- MySQL单表百万数据记录分页性能优化
- 二级导航栏 , 分页组件
- 在unity3D中添加字体
- js中变量的传递方式
- 持续集成工具集之五 使用Email Extension Plugin插件