Shell

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Shell >

jQuery中获取checkbox选中项等操作及注意事项

来源:网络整理  作者:网友投稿  发布时间:2020-12-29 09:38
今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其...

'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

相关文章
最新文章
Centos下PHP5升级为PHP7的方法 Centos下PHP5升级为PHP7的方法

时间:2021-01-03

在php当中常量和变量的区 在php当中常量和变量的区

时间:2020-12-29

PHP中经典的四大排序算法 PHP中经典的四大排序算法

时间:2020-12-29

dw怎么运行php文件? dw怎么运行php文件?

时间:2020-12-29

PHP PHP_EOL 换行符 PHP PHP_EOL 换行符

时间:2020-12-29

Python3爬虫进阶:MongoDB存储 Python3爬虫进阶:MongoDB存储

时间:2020-12-29

python如何运行一个python程 python如何运行一个python程

时间:2020-12-29

用PHP写一个计算器(附完 用PHP写一个计算器(附完

时间:2020-12-29

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

jQuery中获取checkbox选中项等操作及注意事项

2020-12-29 编辑:网友投稿

'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

相关文章

风云图片

推荐阅读

返回Shell频道首页