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
}

理论上是应该可以用$(obj).attr("checked",true)来操作恶但是在ie下正常,在firfox下反选效果却失灵了,$(obj).removeattr("checked")不起作用,不知道怎么回事。
干脆直接用js操作dom属性,没有问题。

时间: 2024-09-19 20:29:20

js操作checkbox遇到的问题解决的相关文章

js操作checkbox遇到的问题解决_javascript技巧

遇到操作checkbox的问题全选 复制代码 代码如下: $("input[type='checkbox']").each(function(){    this.checked=true    }) 反选$("input[type='checkbox']").each(function(){if(this.checked){    this.checked=false    }    else{        this.checked=true        }

原生js操作checkbox用document.getElementById实现_javascript技巧

jquery与checkbox的checked属性的问题,讲的是控件<input type="checkbox"></input> 1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3.使用document.g

jquery、js操作checkbox全选反选

 全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选   代码如下: //全选  function checkAll() {  $('input[name="TheID"]').attr("checked", "checked");  }  //反选  function uncheckAll() {  $('input[name="TheID"]').each(fu

jquery、js操作checkbox全选反选_javascript技巧

操作checkbox,全选反选 复制代码 代码如下: //全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.checked = !this.checked; }) }

基于js实现checkbox批量选中操作_javascript技巧

本文实例为大家分享了js实现checkbox批量选中的具体代码,供大家参考,具体内容如下 <html > <head> <title>checkbox全选</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"></style&

html-无法用jquery操作checkbox选中的问题

问题描述 无法用jquery操作checkbox选中的问题 html代码如下 <span class="easyui-checkbox" > <input id="abc" name="abc" type="checkbox" data-options="width: 180" value="1" > 用的jquery操作选中 $("#abc"

jquery操作checkbox示例分享_jquery

checkbox操作 1. 全选.全不选 2.打印所有的选中项目 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <script type="text/javascript&

js操作table元素实现表格行列新增、删除技巧总结_javascript技巧

本文实例讲述了js操作table元素实现表格行列新增.删除的方法.分享给大家供大家参考,具体如下: /************ TableTool.js ****************************************************************************************************************** **********************************************************

JS操作Excel小例

遇到一个功能开发,直接在页面上点击一个按钮,然后弹出一个excel,进入"打印预览"模式,用js实现,具体如下: //新建一个excel文件,设置为打印预览  function xlPrint(){    var xlApp;//存放Excel对象    var xlBook;//存放Excel工件簿文件    var xlSheet;//存放Excel活动工作表    try{      xlApp = new ActiveXObject("Excel.Applicatio