通过两种不同的方法实现用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.getE...
复选框全选示例 代码如下:<input type="checkbox" name="selectall" value=on onclick="selectAll()"> 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; } }}复选框全选与全不选示例 代码如下:<html><head><script>...
在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) 去选...
今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写 全选: $(":checkbox").prop("checked"...
实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。 代码如下: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全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录。 代码如下:<!-- 以下为错误写法 --> <button name="checkAll" value="全选" class="checkButton" onClick="checkAll(form_favor,status)">全选</button> 代码如下:<!-- 正确写法...
代码如下:<span style="font-size:18px;"><input type=checkbox/></span> 上面这段代码在IE下会生成一个多选框,单击它会选中打勾,再次单击则会取消打勾。 这样看上去并没有什么不妥的地方,但是如果你尝试快速两次单击(比双击稍微慢一点吧。。)这个按钮,可能效果并不如你想象的那样。 在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变...
代码如下:$("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,全选反选 代码如下://全选 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; }
这两天在做前端项目时,想通过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...
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> //name 是html表单专用于区别各组 chechbox 的属性, 不要用id(必须唯一)或者其它属性 function getValues() { var aV = getCheckboxValues("a"); ...
最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下:var ischecked=allCheckObj.is(:checked); ischecked?checksObj.attr(checked,true):checksObj.attr(checked,false); 调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。于是乎,做了如下实验: 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可...
1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type=checkbox]:checked").val();或者$("input:[name=ck]:checked").val(); 2、 获取多个checkbox选中项$(input:checkbox).each(function() { if ($(this).attr(checked) ==true) { alert($(this).val()); }}); 3、设置第一个checkbox 为选中值$(input:checkbox:first).attr("checked",checked);或者$(input:che...
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New document.nbsp;</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <SCRIPT LANGUAGE="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script> <SCRIPT LANGUAGE="javascript"> <!-- $("document.quot;).ready(function(){ $("#btn1")....
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#se...