代码-关于JS全选的问题请看一下哪里出错了?

问题描述

关于JS全选的问题请看一下哪里出错了?

下面这个代码可以点击全选,也可以取消全选,但是取消单个选择的结果时,全选还是选中的状态,求大神破解

 //全选
function selectAll(nameVal)
{
    //获取复选框的form对象
    var formObj = $("form:has(:checkbox[name='"+nameVal+"'])");

    //根据form缓存数据判断批量全选方式
    if(formObj.data('selectType')=='' || formObj.data('selectType')==undefined)
    {
        $("input:checkbox[name='"+nameVal+"']:not(:checked)").attr('checked',true);
        formObj.data('selectType','all');
    }
    else
    {
        $("input:checkbox[name='"+nameVal+"']").attr('checked',false);
        formObj.data('selectType','');
    }
}

解决方案

你这是用的jquery,导入jq的文件了吗?

解决方案二:

你的代码仅仅处理了全选和取消全选,并没有对单个取消选中做处理啊。
可以重写单个按钮的选中事件,一旦某个按钮是unchecked状态,并且全选按钮被点击的话,就取消全选按钮的选中状态。

解决方案三:

参考:

http://blog.csdn.net/zalion/article/details/5894213

时间: 2024-10-24 10:43:59

代码-关于JS全选的问题请看一下哪里出错了?的相关文章

JS全选功能代码优化

JS全选功能代码优化     最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码:  JS所有代码: /**  * JS全选  * @class Checkall  * @param {Object} cfg  * @param {Elementselector} [cfg.contai

ie8下 全选功能报错-ie8下 JS全选功能报错 求达人帮忙看下代码

问题描述 ie8下 JS全选功能报错 求达人帮忙看下代码 // ???? function autoCalDaysNm() { for(var j=1; j<=29; ++j) { var el = $("#writeForm input[name=atdDay" + j + "]"); var d = Date.parse("2016/02/" + el.val()); if (d) { var t = d.toString("

js全选实现和判断是否有复选框选中的方法

 这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: function actionEvent(methodname){ var form = document.forms[0]; if(validateIsSelect(form.all, form.productids)){ form

js全选按钮的实现方法_javascript技巧

本文实例讲述了js全选按钮的实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下:   具体代码如下 <html> <head> <title>复选框checked属性</title> <script language="JavaScript" type="text/javascript"> function changeState(isChecked) { var chk_list=documen

js全选实现和判断是否有复选框选中的方法_javascript技巧

本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function actionEvent(methodname){          var form = document.forms[0];          if(validateIsSelect(form.all, form.productids)){              form.action='<html:rewrite action="/control

安卓 网络-啊,跪求啊,第一次跟老师做项目,帮我看一下哪出错了呗,求求各位了,很短的代码

问题描述 啊,跪求啊,第一次跟老师做项目,帮我看一下哪出错了呗,求求各位了,很短的代码 咋回事啊,没反应呢,我本来是做上网站读取数据并解析代码,然后传回手机显示的,但是实现不了,我就先试试到底能不能链接到服务器,发现失败了,怎么回事啊 解决方案 http://www.cnblogs.com/freeliver54/archive/2011/12/28/2304836.html 解决方案二: 哪里有错?可以考虑调试一下 解决方案三: 把错误贴出来吧,代码貌似没问题 解决方案四: 连接百度,,不好搞

JQuery选中checkbox方法代码实例(全选、反选、全不选)_jquery

1.checkbox list选择 代码: <!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.org/1999/xhtml"> <head runat="serv

JS 全选/反选Checkbox几个不错的实例

利用JS,全选FORM中的所有CHECKBOX. Javascript代码:  代码如下 复制代码 <SCRIPT language=javaScript>          //全选或全部不选      function checkall() {          var isChecked=(document.form1.checkAll.checked == true);          var elements_all=document.form1.elements;        

js 全选:js 全选、取消、批量删除

//全选.取消//stype 匹配选择 na 是namefunction Sel(stype,na){for(var i=0; i< document.getElementsByName(na).length;i++){if(stype=='all') document.getElementsByName(na)[i].checked=true;else document.getElementsByName(na)[i].checked=false;}}//批量删除//na 是namefunct