jQuery中获取checkbox选中项等操作及注意事项
'true'); } }); }); ,我就直接上代码吧: 复制代码 代码如下: //全选/取消全选 $('#quanxuan').toggle(function () { $("input[name='abc']").attr("checked", 'true'); },这种方法在IE下可以获取,网上搜到的大部分方法使用each来获取: 复制代码 代码如下: $("input[name='checkbox'][checked]").each(function () { alert(this.value); }) 但在测试时我就遇到了问题,但在firefox和chrome浏览器下就无法获取当前的选中项,测试效果如下: IE下的测试效果(我的是IE10): IE10下的效果: chrome浏览器下的效果: 通过在google上搜索, function () { $("input[name='abc']").removeAttr("checked"); }); //反选 $('#fanxuan').click(function () { $("input[name='abc']").each(function () { if ($(this).attr("checked")) { $(this).removeAttr("checked"); } else { $(this).attr("checked"。
FF和Chrome无法取到值 因为我用的jquery版本是1.7.2的,获取checkbox的选中项,所以这里我得用 :checked 来获取才行,IE正常。
修改后的代码: 复制代码 代码如下: //获取选中项 $('#huoqu2').click(function () { $('#show').html(""); $("input[name='abc']:checked").each(function () { //alert(this.value); $('#show').append(this.value + " "); }); }); 在chrome下的效果: 二:checkbox的全选 反选操作: 由于这两个比较简单,找到了原因: 网址: jquery 选中多少个input CheckBox问题。
1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 复制代码 代码如下: div input type="checkbox" value="一年级" checked="checked" /label for="in1"一年级/label input type="checkbox" value="二年级" /label for="in2"二年级/label input type="checkbox" value="三年级" /label for="in3"三年级/label input type="checkbox" value="四年级" /label for="in4"四年级/label input type="checkbox" value="五年级" /label for="in5"五年级/label input type="checkbox" value="六年级" /label for="in6"六年级/label input type="checkbox" value="七年级" /label for="in7"七年级/label input type="checkbox" value="八年级" /label for="in8"八年级/label /div 一:首先来说第一点,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://www.juheyunku.com/jiaob/shell/10630.shtml
相关文章
热门TAG
命令 权重 外链 企业网站 白帽 php 织梦教程 dedecms修改内容 javascript 织梦 功能 标签 调用 详解 服务器 网站流量 实例解析 Dedecms 织梦cms HTML tags标签 python jquery教程 jquery windows SEO优化 蜘蛛 搜索引擎 网站收录 JSP最新文章
-
Centos下PHP5升级为PHP7的方法
时间:2021-01-03
-
在php当中常量和变量的区
时间:2020-12-29
-
PHP中经典的四大排序算法
时间:2020-12-29
-
dw怎么运行php文件?
时间:2020-12-29
-
PHP PHP_EOL 换行符
时间:2020-12-29
-
Python3爬虫进阶:MongoDB存储
时间:2020-12-29
-
python如何运行一个python程
时间:2020-12-29
-
用PHP写一个计算器(附完
时间:2020-12-29
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
php文档怎么打开
时间:2020-12-29
-
PHP PHP_EOL 换行符
时间:2020-12-29
-
浅谈Linux Shell的管道与重定向
时间:2020-12-23
-
如何检测Django是否安装成功
时间:2020-12-29
-
tp5如何引入公共部分header和footer文件
时间:2020-12-28
-
东北大学校园网登录登出shell脚本
时间:2020-12-24
