sea.js中的checkbox批量操作

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	  <th scope="col" width="60"><input type="checkbox" class="checkbox" id="all" />全部</th>
	  <th scope="col">主题</th>
	  <th scope="col">消息类型</th>
	  <th scope="col">发送时间</th>
	</tr>

	{@each data as item}
	<tr>
      <td><input type="checkbox" class="checkbox" /></td>
      <!--0:已读,1:未读  -->
      {@if item.is_new==1}
      <td class="toolmsg"><a href="javascript:void(0);" id="${item.id}" title="${item.title}" create_time="${item.create_time}"
      content="${item.content}" message_type="${item.message_type}">${item.title}</a></td>
      {@else}
       <td class="toolmsg"><a class="active" href="javascript:void(0);" id="${item.id}" title="${item.title}" create_time="${item.create_time}"
      content="${item.content}" message_type="${item.message_type}">${item.title}</a></td>
      {@/if}

     <!--  0-系统消息  1-商城消息  -->
      {@if item.message_type==1}
      <td>商城消息</td>
      {@else}
       <td>系统消息</td>
      {@/if}
      <td>${item.create_time}</td>
    </tr>
    {@/each}
</table>
//全选/反选
                var subInputObj = $(".table_main").find("table").find("tr:gt(0)").find("input");
                $("#all").bindEvent(function(){
                    if($(this).prop("checked")){
                        $(subInputObj).prop("checked", true);
                    }else{
                        $(subInputObj).prop("checked", false);
                    }
                });
/**
     * 获取选中对应的值
     */
    function getCheckedValue(){
        var msg_id = "";
        $(".table_main").find("table").find("tr:gt(0)").find("input").each(function(index, item){
            if($(this).prop("checked")){
                msg_id += index + ",";
            }
        });
        return msg_id;
    }
时间: 2024-07-30 04:41:10

sea.js中的checkbox批量操作的相关文章

jq、js中判断checkbox是否选中

最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1.JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个??来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check =

js中获取checkbox里选中的多个值

链接:https://zhidao.baidu.com/question/203897221.html (侵删) 相同name的input加上checkbox 需要获取被选中的存储起来 例如: checkbox: <input type="checkbox" name="test" value="1"/><span>1</span> <input type="checkbox" nam

firefox(火狐)下 js中设置checkbox属性checked=&quot;checked&quot;已有,但复选框却不显示勾选的原因

刚看到问题时以为是浏览器兼容性的原因,ie.google都能正常显示. 网上查询之后发现是jQuery的attr()方法用的不恰当. jQuery1.6之前使用attr()可以修改 ,从jQuery 1.6开始,attr()方法返回undefined尚未设置的属性,对于设置checked这种类型的属性使用prop()来设置. jquey官网给出的两个方法的说明: 获取匹配元素集中第一个元素的属性值,或为每个匹配元素设置一个或多个属性. 并指出检索和修改DOM属性,如checked,selecte

Sea.Js的运行原理

1.CMD(Common Module Definition)规范 Sea.js采用了和Node相似的CMD规范,使用require.exports和module来组织模块.但Sea.js比起Node的不同点在于,前者的运行环境是在浏览器中,这就导致A依赖的B模块不能同步地读取过来,所以Sea.js比起Node,除了运行之外,还提供了两个额外的东西: a.模块的管理 b.模块从服务端的同步 即Sea.js必须分为模块加载期和执行期.加载期需要将执行期所有用到的模块从服务端同步过来,在再执行期按照

CMD (sea.js)模块定义规范

转自http://www.cnblogs.com/hongchenok/p/3685677.html CMD 模块定义规范 在 Sea.js 中,所有 JavaScript 模块都遵循 CMD(Common Module Definition) 模块定义规范.该规范明确了模块的基本书写格式和基本交互规则. 在 CMD 规范中,一个模块就是一个文件.代码的书写格式如下: define(factory); define Function define 是一个全局函数,用来定义模块. define d

Sea.js学习3——Sea.js的CMD 模块定义规范

在 Sea.js 中,所有 JavaScript 模块都遵循 CMD(Common Module Definition) 模块定义规范.该规范明确了模块的基本书写格式和基本交互规则. 在 CMD 规范中,一个模块就是一个文件.代码的书写格式如下: define(factory); define Function define 是一个全局函数,用来定义模块. define define(factory) define 接受 factory 参数,factory 可以是一个函数,也可以是一个对象或字

Sea.js加载原理

CMD规范 要想了解Sea.js的运作机制,就不得不先了解其CMD规范. Sea.js采用了和Node相似的CMD规范,我觉得它们应该是一样的.使用require.exports和module来组织模块.但Sea.js比起Node的不同点在于,前者的运行环境是在浏览器中,这就导致A依赖的B模块不能同步地读取过来,所以Sea.js比起Node,除了运行之外,还提供了两个额外的东西: 模块的管理 模块从服务端的同步 即Sea.js必须分为模块加载期和执行期.加载期需要将执行期所有用到的模块从服务端同

js、jquery中判断checkbox是否被选中的方法

在js中: document.getElementById("checkboxID").checked   返回true或者false jQuery中: $("input[type='checkbox']").is(':checked') 返回true或false attr()方法  设置或者返回备选元素的值 attr(属性名)    //获取属性的值 attr(属性名,属性值)   //设置属性的值 ---- $("#id]").attr(&q

JS中的模块化开发之Sea.JS

模块化开发的好处: 1:减少冲突 2:提高性能 用sea.js为例:sea.js模块库下载地址:http://seajs.org/docs/#downloads 例子:获取非行间样式的模块化开发: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="