浅谈jquery设置和获得checkbox选中的问题
1. 设置checkbox选中:
//选中多选框 checkbox=$("#agentinfo input[name='veri[]']"); //循环多选框中的值 checkbox.each(function(){ for(var j=0;j<data.veri.length;j++){ //判断当前值是否在数组中 if($(this).val() == data.veri[j]){ $(this).attr('checked','checked');//选中 } } });
2. 通过点击修改checkbox的选中项
3. 获得checkbox中的选中值
//获取多选框 checkbox=$("#agentinfo input[name='veri[]']"); //定义一个字符串拼接所得到的值,为了传输方便 var veri_str = ''; checkbox.each(function(){ //判断是否被选中,此处就是我要写这个博客的原因,开始用的$(this).attr('checked')==true判断,但死活 //就是会获取之前通过jquery赋值的值,页面中去掉也是会获得,郁闷的不行,最终神仙帮我搞定。 //要用$(this).is(':checked'),不明白为什么! if($(this).is(':checked')) veri_str+=$(this).val()+',';//拼装字符串 });
以上这篇浅谈jquery设置和获得checkbox选中的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
jQuery判断checkbox是否选中的3种方法
网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二: 方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法三: if ($('#checkbox-id').attr('checked')) { // do something
-
Jquery 获取checkbox的checked问题
事实证明一切,自己测试了N遍,发现网上的说法和自己以前的理解都是错的,不知道大家有没发现. 下面来看看网上大多资料的说法 复制代码 代码如下: 转别人的一些东西: jquery判断checkbox是否被选中 在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($(#xxx).attr("checked")),会
-
jquery checkbox无法用attr()二次勾选问题的解决方法
今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了. 想到与美女有亲密接触机会,马上鸡动起来. 经过偶层层抽次剥茧(da da jiang you),终于知道了原因:attr()在二次选中勾选框时,失效. 比如,如下HTML页面,一点[选中].二点[取消选中].三点[选中],瞧,不行了呗. 1.html <!doctype html> <html lang="en"> <head>
-
jQuery1.9.1针对checkbox的调整方法(prop)
在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下: 判断是否选中 复制代码 代码如下: $('#checkbox').prop('checked') 设置选中与不选中状态: 复制代码 代码如下: $('#checkbox').attr('checked',true)$('#checkbox').attr('checked',false) 但此方法在jquery1.9.1中,有些处理不一样 IE10,Chrome,FF中,对于选中状态,第一次$('#checkbo
-
jQuery checkbox选中问题之prop与attr注意点分析
本文实例分析了jQuery checkbox选中问题之prop与attr注意点.分享给大家供大家参考,具体如下: 一个网上很多的例子如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or
-
JQuery触发radio或checkbox的change事件
早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层. 初始代码如下: 复制代码 代码如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天,竟然一点反应都没有.百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框
-
jquery判断checkbox(复选框)是否被选中的代码
复制代码 代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $("input[name='soft[]']:checkbox").each(function () { if ($(this).attr("checked")) { falg += 1; } }) if (falg > 0) return true; else return fals
-
解决jquery操作checkbox火狐下第二次无法勾选问题
最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选: 复制代码 代码如下: var ischecked=allCheckObj.is(':checked'); ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题.于是乎,做了如下实验: 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功
-
jquery checkbox 勾选的bug问题解决方案与分析
在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG,咨询了大神,才闹明白怎么回事,这里记录下来,分析给大家. 先上代码: 复制代码 代码如下: <form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="i
-
浅析jquery与checkbox的checked属性的问题
1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3.使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得 4.使用$("#checkbox_
-
浅谈jQuery中的checkbox问题
一开始的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>复选框</title> <script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script> <script t
随机推荐
- jQuery遍历json中多个map的方法
- 轻松搞定iOS远程消息推送
- IOS 开发之PickerView自定义视图的实例详解
- java 中modCount 详解及源码分析
- python cx_Oracle模块的安装和使用详细介绍
- Laravel 5框架学习之表单
- Android Wifi的forget()操作实例详解
- 自动刷新网页,自动刷新当前页面,JS调用
- CentOS 6.x系统升级Python到2.7版本的Shell脚本分享
- JSP 中spring事务配置详解
- jQuery针对input的class属性写了多个值情况下的选择方法
- 基于JavaScript实现点击页面任何位置返回
- JavaScript递归算法生成树形菜单
- 给所有的超级练级都加上onmousemove时间的js代码
- Android 跨进程模拟按键(KeyEvent )实例详解
- jsp实现剪子石头布小游戏
- 微信小程序之自定义组件的实现代码(附源码)
- python跳出双层for循环的解决方法
- MySql 8.0.16版本安装提示已经不使用“UTF8B3”而是使用“UTF8B4”问题
- Vue动态面包屑功能的实现方法