这两天在做前端项目时,想通过jquery遍历页面上的checkbox,用以下代码: 代码如下:var val_instanceCodeStr = ""; $("input[type=checkbox] [name=chk_jvmMachineName]:checked").each( function() { val_instanceCodeStr += ","+$(this).val(); } );变量val_instanceCodeStr最后还是空字符串,function函数没有执行进去; 网上查资料对比觉得代码也没写错,最后发现是[type=checkbox] [name=chk_j...
jQuery判断checkbox(复选框)是否被选中:if($("#id").attr("checked")==true) jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:jQuery如何判断checkbox(复选框)是否被选中以及全选、反选$("document").ready(function(){ $("#all").click(function(){ if(this.checked){ $("input[name='checkbox']").each(function(){this.checked=true;}); $("#btn1").attr("value","反选"); }else{ $("inp...
代码如下: //name 是html表单专用于区别各组 chechbox 的属性, 不要用id(必须唯一)或者其它属性 function getValues() { var aV = getCheckboxValues("a"); var bV = getCheckboxValues("b"); var cV = getCheckboxValues("c");var result = "a组选中值: " + (aV=="" ? "未选中任何值" : aV) + "\n" + "b组选中值: " + (bV == "" ? "未选中任何值" : bV) ...
操作checkbox,全选反选 代码如下: //全选 function checkAll() { $(input[name="TheID"]).attr("checked", "checked"); } //反选 function uncheckAll() { $(input[name="TheID"]).each(function() { this.checked = !this.checked; }) } //获取选中的项 function getCheck(){ var check = $(input[name="TheID"]:checkbox).map(function() { return $(this).val(); }).get().join(,); return check; }
代码如下: 上面这段代码在IE下会生成一个多选框,单击它会选中打勾,再次单击则会取消打勾。 这样看上去并没有什么不妥的地方,但是如果你尝试快速两次单击(比双击稍微慢一点吧。。)这个按钮,可能效果并不如你想象的那样。 在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变为已选中,而是继续保持取消选中状态。 在Chrome等浏览器下,第...
代码如下: $("input").attr("checked","checked") 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 代码如下: $("input").prop("checked",true); ttributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法在取某些 attribute 的值时,会返回 property 的值,这就导致了结果的不一致。从 jQuery 1.6 开始...
今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录。 代码如下: 全选 代码如下: 全选 看了w3c的描述,瞬间明白了,在没写type属性的情况下,当时浏览器默认将它当submit处理了,而我表单接受处理的脚本还是空着的,所以就产生了“刷新”...
实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。 代码如下: function deleteUser() { //当时是想把内容以str+=""的方式 进行保存 ,但不行 //var str; var array = new Array(); //用于保存 选中的那一条数据的ID var flag; //判断是否一个未选 $("input[name=selectFlag]:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox if ($(this).attr("checked"...
今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写 全选: $(":checkbox").prop("checked"...
在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下: 判断是否选中代码如下:$(#checkbox).prop(checked) 设置选中与不选中状态:代码如下:$(#checkbox).attr(checked,true)$(#checkbox).attr(checked,false) 但此方法在jquery1.9.1中,有些处理不一样 IE10,Chrome,FF中,对于选中状态,第一次$(#checkbox).attr(checked,true)可以实现但是当通过代码清除选中,下次再通过代码 $(#checkbox).attr(checked,true) 去选...
复选框全选示例 代码如下: function selectAll(form) { var obj = document.getElementsByName(selectall); var cks = document.getElementsByTagName("input"); var ckslen = cks.length; for(var i=0;i<ckslen-1;i++) { if(cks[i].type == checkbox) { cks[i].checked = obj[0].checked; } }}复选框全选与全不选示例 代码如下:function selectAll(){ var checklist = document.getElementsByName ("selected"); if(documen...
通过两种不同的方法实现用js来对checkbox进行全选和反选: 方法一: 1:js实现checkbox的 全选 功能: 代码如下: function checkAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = true; } } } 2:js实现checkbox的 反选 功能: 代码如下: function uncheckAll() { var code_Values = document.ge...
代码如下:var xieYi=document.getElementById("xieYi");if(!xieYi.checked){ alert("请先阅读并勾选注册协议!"); return; } 最开始这样写,不过并不是所有的情况都需要勾选这个协议,协议有时不会在前台页面显示,所以改了第二种代码如下:var xieYi=document.getElementById("xieYi"); if(!xieYi== null && !xieYi.checked){ alert("请先阅读并勾选注册协议!"); return; } 当xieYi不存...
最近遇到一个小小的问题,就是有时候我们使用单选radio的时候,会发现当我们选中一个之后,再也无法一个都不选了,即选中后没有取消的功能,此时便想到了功能强大的checkbox,但他是多选,怎么才能让他变成单选,效果跟radio一样呢,本菜鸟就自己写了个小程序,代码很简单,只有四行。 废话不多说,直接代码: 代码如下: 无标题文档 $(function(){ $(":checkbox").click(function(){ if($(this).attr("checked")!=undefined...
最近本屌丝应项目开发需求,需要做个一个全选的checkbox功能。 哎呀吗~~这不是很简单的事情么,一个总的checkbox,N多个子checkbox,总的checkbox一旦选中,子checkbox全部选中,总的一旦不选中,子的也都不选中。 拿到这个小需求,本屌丝一阵窃喜,多么简单的功能啊,OK,两分钟完事~~~ 时间一分一秒的过去,本屌丝内心奔腾的草原的马儿,从一直逐渐增加到了千万只~~~ 这尼玛怎么回事? alert($("#checkbox_all").attr("checked")...