js操作checkbox遇到的问题解决
$("input[type='checkbox']").each(function(){
this.checked=true
})
反选
$("input[type='checkbox']").each(function(){
if(this.checked){
this.checked=false
}
else{
this.checked=true
}
理论上是应该可以用$(obj).attr("checked",true)来操作恶但是在ie下正常,在firfox下反选效果却失灵了,$(obj).removeattr("checked")不起作用,不知道怎么回事。
干脆直接用js操作dom属性,没有问题。
相关推荐
-
原生js操作checkbox用document.getElementById实现
jquery与checkbox的checked属性的问题,讲的是控件<input type="checkbox"></input> 1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3.使用document.g
-
js 判断checkbox是否选中的操作方法
核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法. //第几个没有选 复制代码 代码如下: <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox"
-
js操作CheckBoxList实现全选/反选(在客服端完成)
对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全选.反选等功能.虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成. 具体方法: 在页面中放入一个CheckBoxList控件,并添加几项,用来分析其产生的HTML代码,这样在使用js进行 动态控制时,将会非常清晰其测试代码如下所示: 复制代码 代码如下: <asp:CheckBoxListID="CheckBoxList1"runat="s
-
JS checkbox控制操作代码
C1 C2 C3 C4 C5 C6 C7 C8 C9 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 例二: 要实现的功能如图所示: 全选的checkbox的js代码如下: var status=true; function allselect(){ var tags=document.getElementsByTagName("input"); for (i = 0; i < tags.length; i++) { if (tags[i].type == "
-
js操作checkbox遇到的问题解决
遇到操作checkbox的问题全选 复制代码 代码如下: $("input[type='checkbox']").each(function(){ this.checked=true }) 反选$("input[type='checkbox']").each(function(){if(this.checked){ this.checked=false } else{ this.checked=true }
-
jquery、js操作checkbox全选反选
操作checkbox,全选反选 复制代码 代码如下: //全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.checked = !this.checked; }) }
-
JS操作input标签属性checkbox全选的实现代码
废话不多说了,具体代码如下所示: <html> <head> < > function selectAll(){ var checklist = document.getElementsByName ("selected");//获取所有name值为selected的标签 if(document.getElementById("controlAll").checked){//判断当id为controlAll的标签是否被选中 for
-
基于js实现checkbox批量选中操作
本文实例为大家分享了js实现checkbox批量选中的具体代码,供大家参考,具体内容如下 <html > <head> <title>checkbox全选</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"></style&
-
js操作table元素实现表格行列新增、删除技巧总结
本文实例讲述了js操作table元素实现表格行列新增.删除的方法.分享给大家供大家参考,具体如下: /************ TableTool.js ****************************************************************************************************************** **********************************************************
-
JS实现checkbox互斥(单选)功能示例
本文实例讲述了JS实现checkbox互斥(单选)功能.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>www.jb51.net CheckBox单选</title> <script language="javascript"> function sel1(obj){ if(obj.checked){ /
-
jquery操作checkbox的常用方法总结【附测试源码下载】
本文实例讲述了jquery操作checkbox的常用方法.分享给大家供大家参考,具体如下: 做系统的过程中,与checkbox 复选框打交道,是难免的,而且在每个系统中,简直是必不可少的一道菜,通常的操作有一下几种: 1.用jquery 全部选择checkbox 2.用jquery 全部取消checkbox 3.用jquery 实现checkbox 反选 4.用jquery 获取所有已选择checkbox的值. 现在将这些常用的操作总结在一个例子中,方便以后查询,不愿意看代码的,也可以下载源码运
-
JS操作Fckeditor的一些常用方法(获取、插入等)
javascript获取和设置FCKeditor内容 利用Javascript取和设FCKeditor值也是非常容易的,如下: // 获取编辑器中HTML内容 function getEditorHTMLContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); return(oEditor.GetXHTML(true)); } // 获取编辑器中文字内容 function getEditorTextCon
-
使用纯JS实现checkbox的框选效果(鼠标拖拽多选)
目录 主要思路 css 代码如下 html结构如下 js主要逻辑如下 总结 主要思路 用一个盒子作为选区,通过定位让其固定在左上角,由于没有给定选区元素的宽高所以默认不显示,在 onmousemove 中动态获取选区定位的top left bottom right四个属性,同时将鼠标拖拽的距离作为选区的宽高,由于给选区元素的css设置了border就呈现出如图所示的框选效果.(注意:要想自己手动勾选复选框,要给选区元素的css设置pointer-events: none;否则点击复选框的事件会被
随机推荐
- 探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
- Spring MVC全局异常处理和单元测试_动力节点Java学院整理
- java执行bat命令碰到的阻塞问题的解决方法
- 禁止ViewState的3种解决方法
- Openstack 节点维护详细讲解
- javascript中this关键字详解
- JavaScript设计模式之装饰者模式介绍
- Docker配置PHP开发环境教程
- PHP中的插件机制原理和实例
- AnyChat的视频会议程序实例详解
- Android中TabLayout+ViewPager实现tab和页面联动效果
- IOS实现的简单画板功能
- 微软终于对网页三剑客下手了
- JQuery给元素添加/删除节点比如select
- MySQL数据库的23个注意事项
- 超级有用的13个基于jQuery的内容滚动插件和教程
- Python中用PIL库批量给图片加上序号的教程
- java如何对map进行排序详解(map集合的使用)
- java中如何获取时间戳的方法实例
- Android开发之文件操作模式深入理解
