精华内容
下载资源
问答
  • 本文给大家介绍的是一篇国外网友写的博客,讲解的是关于实现复选框选中属性的问题,感觉非常不错,翻译过来推荐给大家,希望小伙伴们能够喜欢。
  • JS删除复选框选中

    千次阅读 2020-04-08 19:35:58
    一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。 接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行...

    在日常报表制作中,我们会时长遇到一些需要批量操作的功能,例如数据的批量删除,而此时往往跟复选框挂钩;一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。

    接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行。

    1、报表设计

    本报表的应用是用于文件的上传和数据整理入库,此处示例多文件删除功能。

    2、JavaScript事件

    代码如下:

    //获取复选框
    var $span = $(".mr-checkbox-checkon");
    var darray = [];
    var array = [];
    var $tds = $("td").has($span);
    var len = $tds.length;
    var flat=true;
    for (var i = 0; i < len; i ++) {
    	if($($span[i]).closest('tr').css('display')!='none'){
    		flat=false;
    		break;
    	}
    }
    if(flat){
    	len=0;
     }
    if(len<=0){
    	alert("请选择记录!");
    	return;
    }
    //获取选中行
    for (var i = 0; i < len; i ++) {
       var id = $($tds[i]).attr("id");
       if (id) {
       	var rownum =contentPane.curLGP.getTDRow($tds[i])-1;
       	var wjid=contentPane.getCellValue(2,rownum);
         array.push(wjid);
       	 darray.push(id);
       	}
    }
    //删除选中行
    contentPane.deleteReportRC(null,darray);
    //array是我用来做其他操作用的,读者可以根据自身情况获取数据和操作

    3、效果图

    展开全文
  • jquery实现 复选框 选中和不选中 美化复选框
  • JS获取复选框选中个数

    千次阅读 2019-01-02 10:09:17
    在报表制作过程中,因为没有公式可以获取到根据使用者的勾选情况,计算出复选框选中个数,所以这里需要在复选框中添加“状态改变”的javascript事件,用于自动获取使用者复选框选中个数,并赋值到指定单元格中。...

    在报表的使用过程中,有一种需求情况:当使用者勾选了某些复选框之后,需要在指定位置显示已选中的个数。如下图:

    在报表制作过程中,因为没有公式可以获取到根据使用者的勾选情况,计算出复选框的选中个数,所以这里需要在复选框中添加“状态改变”的javascript事件,用于自动获取使用者复选框的选中个数,并赋值到指定单元格中。

    如下:

    1、报表界面设计:

    2、javascript事件编辑

    代码:

    var $span = $(".mr-checkbox-checkon");
    var $tds = $("td").has($span);
    var length=$tds.length;
    contentPane.setCellValue(2,0,length);

    3、效果图:

    如上,在报表制作时,通过设置复选框控件“状态改变”的javascript事件,实时获取复选框的选中个数,并写在报表中某个位置,即可实现报表使用者实时看到自己的已选中个数。

    展开全文
  • js获取复选框选中项的值 简单又实用,分数不多欢迎下载!
  • 在前面的文章中,我们已经为大家介绍过用js实现获取复选框选中的值,其实现思路并不是很难,想必大家都有一定的了解了。那么通过jquery获取复选框选中的值,比js的方法更为简便。下面我们就通过具体的代码示例为大家...

    本篇文章主要给大家介绍jquery获取复选框选中的值的实现方法。

    在前面的文章中,我们已经为大家介绍过用js实现获取复选框选中的值,其实现思路并不是很难,想必大家都有一定的了解了。那么通过jquery获取复选框选中的值,比js的方法更为简便。

    下面我们就通过具体的代码示例为大家详细介绍jquery获取复选框选中的值的实现方法。

    代码如下:

    Title

    0

    1

    2

    3

    4

    5

    6

    7

    function jqchk(){ //jquery获取复选框值

    var chk_value =[];

    $('input[name="test"]:checked').each(function(){

    chk_value.push($(this).val());

    });

    alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);

    }

    实现结果如下图:

    4330b147c2dd4bdc1f6efb507cafbf85.png

    如图,当我们选中多个选项并提交时,通过弹窗提示可以知道,我们成功获取到了复选框选中的值。

    那么jQuery获取复选框选中的值的实现思路,也是非常简单的,主要就是通过each遍历出被选中的值。

    本篇文章就是关于jQuery获取复选框选中的值的方法介绍,浅显易懂,具有一定的参考价值,希望对需要的朋友有一定的帮助!

    展开全文
  • 主要介绍了JavaScript检测并限制复选框选中个数的方法,涉及javascript针对复选框的判定与运算相关技巧,非常简单实用,需要的朋友可以参考下
  • 主要介绍了js如何获取checkbox复选框选中的选项,比较适合新手,需要的朋友可以参考下
  • 主要介绍了JS实现统计复选框选中个数并提示确定与取消的方法,可实现javascript针对页面复选框元素的统计与提示功能,需要的朋友可以参考下
  • 主要介绍了javascript判断复选框是否选中的方法,需要的朋友可以参考下
  • 主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下
  • 今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态,并向后台发送时时数据。关于js代码如何监控 checkbox ...

    今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态,并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态,可以参考下面的示例。

    checkbox 复选框选中与未选中触发事件的方法

    jq代码__点击checkbox,触发事件 我是复选框

    $("#isbox").click(function() {

    if ($(this).is(":checked")== true) {

    console.log('我被选中了!');

    } else {

    console.log('我没有被选中!');

    }

    });

    //这个代码和上面的一样的,选择一个使用即可!

    $('input[type="checkbox"]').click(function() {

    if ($(this).is(":checked")== true) {

    console.log('我被选中了!');

    } else {

    console.log('我没有被选中!');

    }

    });

    原生JS代码__点击checkbox,触发事件

    例: 我是复选框

    function ischeck(e){

    if(e.checked){

    console.log('选中');

    }else{

    console.log('未选中');

    }

    }

    例: 我是复选框

    document.getElementById('isbox').onclick = function(){

    if(this.checked){

    console.log('选中');

    }else{

    console.log('未选中');

    }

    };

    PS:上面的两个原生JS检测 checkbox 的选中状态的代码原理都是一样的,只是写法不同而已!

    展开全文
  • JS 设置复选框选中与取消选中

    千次阅读 2017-07-17 14:29:00
    // 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; ...
  • 主要介绍了js判断复选框是否选中的方法,结合实例形式分析了基于jQuery实现的复选框选中判断相关操作技巧,需要的朋友可以参考下
  • js判断复选框是否选中选中个数,以前经常有朋友提到复选框选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断...
  • this.options = { // alert: { clear: () => { this.selectedRowKeys = [] } }, rowSelection: { selectedRowKeys: selectedRowKeys, onChange: this.onSelectChange } }
  • js怎么获取复选框选中的值

    千次阅读 2020-05-31 20:03:11
    本篇文章主要给大家介绍js获取复选框选中的值的实现方法。 js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度。 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的方法。...
  • 如果你的jquery版本是1.6以下,用$('#id').attr('checked','checked'); 1.6以上用$('#id').prop('checked','checked');
  • CSS3基于SVG复选框选中动画特效是一款点击选中复选框动画,待办事项列表复选框选中动画特效。
  • 一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行数据,一键删除、入库、修改、查询选中数据。 接下来,就来讲解一下,如何通过获取复选框,获取...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,529
精华内容 17,011
关键字:

js设置复选框选中