JAVASCRIPT实现翻页保存已勾选的项目

<input type="checkbox" name="a" value="1" /><br/>
<input type="checkbox" name="a" value="2" /><br/>
<input type="checkbox" name="a" value="3" /><br/>
<input type="checkbox" name="a" value="4" /><br/>

<input type="button" onclick="changeIds()" />

<script type="text/javascript">
    checkedIds="";//翻页保存选中的id

          function changeIds(){
               var oneches=document.getElementsByName("a");
             for(var i=0;i<oneches.length;i++){
                 if(oneches[i].checked==true){
                     //避免重复累计id (不含该id时进行累加)
                     if(checkedIds.indexOf(oneches[i].value)==-1){
                         checkedIds=checkedIds+oneches[i].value+",";
                     }
                 }
                 if(oneches[i].checked==false){
                     //取消复选框时 含有该id时将id从全局变量中去除
                     if(checkedIds.indexOf(oneches[i].value)!=-1){
                         checkedIds=checkedIds.replace((oneches[i].value+","),"");
                     }
                 }
             }
             alert(checkedIds);
          }

    function getChecked(){
        checkedIds = ‘4,1,‘;
                var oneches=document.getElementsByName("a");
             for(var i=0;i<oneches.length;i++){
                     //全局变量中含有id,则该复选框选中
                     if(checkedIds.indexOf(oneches[i].value)!=-1){
                         oneches[i].checked=true;
                     }
                 }

                 alert(checkedIds);
          }

getChecked();
</script>

  

时间: 2024-07-31 10:41:22

JAVASCRIPT实现翻页保存已勾选的项目的相关文章

css3+javascript实现翻页幻灯片

css3+javascript实现翻页幻灯片 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79

翻页保存多选框的值

$("input[name='checkItem']").iCheck({ //初始化iCheck checkboxClass: 'icheckbox_flat-blue', }); $("input[name='checkItem']").on('ifChanged', function (event) { if (arr.length == 0 && $(this).is(':checked')) { //若是首条数据,则不作判断,直接添加 ar

翻页实现复选框的选中问题

在选中的时候,点击绑定按钮,执行以下方法: 1 function bangding(){ 2 3 checkedIds="";//翻页保存选中的id 4 var oneches=document.getElementsByName("landDkbh"); 5 for(var i=0;i<oneches.length;i++){ 6 if(oneches[i].checked==true){ 7 //避免重复累计id (不含该id时进行累加) 8 if(che

jqgrid 翻页记录选中行

简单的jqgrid列表 $("#list").jqGrid({ url:contextPath + "/getList", postData: data, datatype:"json", colNames : [ '用户名','密码'], colModel : [ { name : 'name', index : 'name', align : 'center' }, { name : 'psw', index : 'psw', align :

15个最佳jQuery的翻页书效果的例子

在这里,你会发现15的jQuery的翻页书的插件,提供了良好的页面翻转的经验,并帮助创建类似书本的效果. jQuery的增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5. 1. BookBlock: jQuery内容翻转插件 BookBlock是可以将任何内容,如图像或文本创建小册子的组件,允许一个“翻页”的导航. 在线演示 2. imBookFlip : jQuery Page Turning Plugin without Flash imBookFlip可以将iframe加载书本成本

asp.net 翻页时用ViewState保存上一页checkbox勾选的值

/// <summary>        /// checkbox勾选取消勾选事件        /// </summary>        /// <param name="sender"></param>        /// <param name="e"></param>        protected void checkboxl_OnCheckedChanged(Object se

vue table中使用多选的问题(翻页后如何保存已选项),联动echarts图表实现流量监控

流量监控项目需求: 根据表格数据,添加多选功能,默认全选,根据已选项更新图表视图 1.表格需要多选 2.要联动图表,所以关键是要利用表格多选的触发回调函数 vue table中使用多选: 很简单,只需要在table中增开一项,type定义为selection即可: 如何默认列表全选呢? 先关联table: 数据加载完成以后,获取列表数据长度,手动循环切换状态(toggleRowSelection是关键,通过这个方法来触发echarts的刷新): OK,现在可以实现默认全选状态了: 如何与echa

android的listview加checkbox实现单保存checkbox的勾选信息

最近做一个项目时想要增加安卓端的一个功能,就是增加一个activity上面有很多checkbox的勾选信息,然后可以给人选择多选框,看起来还算很简单..但是真正做起来就有很多麻烦了.. 虽然我对安卓有点了解,以前也看过一些代码,但都是看别人的代码,看代码当然简单啦,这下要全部自己写,这下有点棘手了,一开始真是无从下手啊,后来去网上查了一下,觉得有个人的写法不错,就是用listview导入adapter的布局这样子,于是我就照着他的代码的原型开始改了起来. 改了N久,终于改的有点样子了,其中也花了

选择用户-保存已选用户

1介绍 功能要求: 1 选择用户界面以弹出框方式显示 2 页面选项动态加载(部门及用户) 3 保存勾选的用户 实现分析: 保存已选用户逻辑: 删除原来已选择的用户记录列表(相当于清空操作) 添加新选择用户记录列表 页面  1 保存共享文件 // 保存共享文件 function shareFile(){ // 参数 var signid = chooseObj.id; var objtype = chooseObj.type; var userlist = ""; $("inp