精华内容
下载资源
问答
  • jquery自动填充勾选框,即把勾选框打上(true),然后通过ajax方式获得勾选项列表,再把列表内的选项打上
  • jquery自动填充勾选框,即把勾选框打上(true),然后通过ajax方式获得勾选项列表,再把列表内的选项打上。下拉框1select改变,触发函数makemoduleSelected(),该函数如下://模板下拉框发生变化时,触发此事件...

    jquery自动填充勾选框,即把勾选框打上(true),然后通过ajax方式获得勾选项列表,再把列表内的选项打上。

    下拉框

    1

    select改变,触发函数makemoduleSelected(),该函数如下:

    //模板下拉框发生变化时,触发此事件(onchange)。

    function makemoduleSelected(){

    clearAll('property');

    var modtitlecode = $("#makemodule").val();

    $.ajax({

    url : 'indexStatisticsAction_getSelect.jsp',

    data: { page:'clientindexStatistics.jsp',method:'get_subname_en',modtitlecode:modtitlecode},

    success : function(result){

    // 根据result返回信息判断是否登录成功

    var results = result.split(",");

    //document.getElementById(results[i]).checked = true;

    $(".indexStatistics").each(function(){

    $(this).find("input").each(function(){

    var tempVal = $(this).val();

    for(var i=0; i

    if(tempVal == results[i]) $(this).attr("checked", true);

    }

    });

    });

    }

    });

    }

    该函数通过ajax方式向indexStatisticsAction_getSelect.jsp发出请求,返回一个字符串,把改字符串分开成字符串数组,接下来遍历标签

    下面的标签,遇到相关的标签,则打钩(true)。indexStatisticsAction_getSelect.jsp的相关代码如下:

    //获取模板对应的指标

    if(method.equals("get_subname_en")){

    String modtitlecode = request.getParameter("modtitlecode");

    if(modtitlecode.equals("-------")) return;

    String sql = sql2.replace("?modtitlecode?",modtitlecode);

    sql = sql.replace("?userId?",userId);

    System.out.println(sql);

    StringBuffer subnames = new StringBuffer();

    Db db = new Db();

    try {

    db.prepareQuery();

    ResultSet rs = db.executeQuery(sql);

    while (rs!=null && rs.next()) {

    subnames.append(rs.getString("subname_en"));

    subnames.append(",");

    }

    rs.close();

    } catch (Exception e) {

    e.printStackTrace();

    } finally {

    db.endQuery();

    }

    PrintWriter pout = response.getWriter();

    pout.write(subnames.toString().substring(0,subnames.length()-1));

    pout.flush();

    pout.close();

    }

    展开全文
  • 如上图,这是一个vue页面中的table,...1、根据table行中的处理状态值来动态控制该行勾选框能否被勾选中:处理状态值==1,不能勾选,其他值能勾选。 2、隐藏掉table行中的不能勾选的勾选框。 解决: 1、.js文件中..

    如上图,这是一个vue页面中的table,在其columns中加了一个selection后,实现了多选/全选table行的功能:

    {
      type: 'selection',
      width: 60,
      align: 'center'
    },

    现需要对这个table中select勾选框的勾选和显示进行diy:

    1、根据table行中的处理状态值来动态控制该行勾选框能否被勾选中:处理状态值==1,不能勾选,其他值能勾选。

    2、隐藏掉table行中的不能勾选的勾选框。

    解决:

    1、.js文件中 给 data 项设置特殊 key _disabled: true 禁止选择当前项。

    if(this.data.length>0){  //data是请求后台返回的数据集
    
       for (let i = 0; i < this.data.length; i++) {
            if (this.data[i].clzt ==1 ) {//处理状态 1已处理 则勾选框禁止被勾选(置灰)
               this.data[i]._disabled = true; //给满足条件的行设置 _disabled 属性
           }
       }
    
    }

    效果:

     2、隐藏掉table行中的不能勾选的勾选框。

    2.1  按以下方法找到被禁选的勾选框的样式

     

    2.1  在最入口App.vue 的style标签中写入全局样式,样式名就是上面找到的那个:

    将其display属性复写为none,并用 !important 将该复写的样式定义为最高优先级,!important 可以理解为最重要的意思,css优先使用被 !important 修饰的样式。

    .ivu-checkbox-disabled{
      display: none !important;
    }

    效果:

     

    注:这里一定记住若要隐藏某个勾选框,一定要先禁用它,不然被勾选(并不想勾选的数据)都不知道。

    展开全文
  • 好看的勾选框

    2018-07-16 10:36:25
    好看的勾选框,帮组你美化页面,做好一个合格的前端哈哈哈
  • 我们在网经常使用勾选框,但是HTML中默认勾选框是一个小框,无法改变样式 。于是我使用了一个label标签加上隐藏原来勾选框标签的效果实现了,一个圆形里面有一个对勾。
  • 本项目包含文件有前台和后台处理文件,也包括有数据库配置文件,通过前台用户勾选框,点击提交后传到后台,后台接收勾选框状态,是否勾选做出提示,如果勾选框没有勾选,则不能把状态保存到数据库,成功后才可以保存...
  • 勾选框样式

    2018-11-12 15:06:51
    /勾选框–start/ .checkbox{ display: none; } .checkbox-label{ display: inline-block; width: 12px; height: 12px; background: url(&amp;amp;quot;/videoPatrolmgr/public/images/checkbox.png&amp;amp;...

    /勾选框–start/
    .checkbox{
    display: none;
    }
    .checkbox-label{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/videoPatrolmgr/public/images/checkbox.png") no-repeat center;
    cursor: pointer;
    }
    .checkbox:checked + .checkbox-label{
    background: url("/videoPatrolmgr/public/images/checkbox-select.png") no-repeat center;
    }
    /勾选框–end/

    <div>
       <input id="2" class="checkbox" type="checkbox"> 
       <label for="2" class="checkbox-label"></label> 
    </div>	
    

    未选中
    已选中

    展开全文
  • QGroupBox互斥勾选框

    2021-01-19 09:52:33
    // QGroupBox 互斥勾选框 void mutexGroupBoxCheck(QList< QGroupBox *> groupList) { for(auto group:groupList) { if(group) { QGroupBox::connect(group,&QGroupBox::clicked,[=]{ bool check = ...
    // QGroupBox 互斥勾选框
    void mutexGroupBoxCheck(QList< QGroupBox *> groupList)
    {
        for(auto group:groupList)
        {
            if(group)
            {
                QGroupBox::connect(group,&QGroupBox::clicked,[=]{
                    bool check = group->isChecked();
                    for(auto it:groupList)
                    {
                        if(it && it !=group)
                        {
                            it->setChecked(!check);
                        }
                    }
                });
            }
        }
    }

    例子: 

    
        mutexGroupBoxCheck(QList< QGroupBox *>() << ui->gbxDevicePortAdptive <<ui->gbxDeviceIPAdptive );

     

    展开全文
  • 去掉勾选框中的√,效果如下图 ![图片说明](https://img-ask.csdn.net/upload/201908/20/1566293083_252244.png)
  • selenium---勾选框处理

    2020-09-01 14:06:00
    勾选框 首先我们看下什么是勾选框勾选框在HTML中长什么样子,这样才能方便我们进行定位操作。。 <html> <body> <form > <p>请选择你关注测试-安静了吗?</p> <p><input ...
  • elementUI中的el-table勾选框设置默认勾选、禁用 最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark=“1”,是勾选状态且该勾选框变为禁用...
  • css - input勾选框样式

    万次阅读 2015-03-02 17:05:28
    input勾选框样式
  • 最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark=“1”,是勾选状态且该勾选框变为禁用状态;反之,如果remark !=“1”,则不是勾选状态且...
  • WordPress升级到4.9.6之后,新增了一个功能,评论处出现一个勾选框,确认是否存储Cookie信息的隐私选项,如果使用自带的comment_form函数则会直接输出这个勾选框,如果不想使用这个功能,可以使用官方钩子函数去掉。...
  • 记住密码勾选框

    2018-10-24 10:13:05
    记住密码勾选框 1、测试密码、用户名是否输入正常; 2、测试密码、用户名输入异常时; 3、测试点下“记住”时是否记住密码与用户名,假如只记下密码或者用户名又将怎样; 4、测试点下“不记住”又记下没,假如记下...
  • QListWidgetItem通过setCheckState可以设置列表项的勾选状态,但是默认的勾选框样式通常和UI设计的效果不搭,如图: 实际使用时常常需要根据设计设置其样式。那么如何设置勾选框的样式呢? 方法: 使用样式表 ...
  • word勾选框涂黑和打勾

    千次阅读 2019-05-09 12:33:16
    word勾选框涂黑和打勾打叉 写个博客记录一下,这种技巧很久才用一次,老是记不住 像这种勾选框,我们需要把想选的选项要么勾起来,要么涂黑 涂黑 假设要选“全日制”,就把光标放在全日制前面,点插入-符号-其他...
  • cxGrid 增加一列勾选框

    2016-06-15 07:43:11
    cxGrid 增加一列勾选框,sql语句中增加一个虚拟字段,sql语句需要怎么写这个虚拟字段?
  • 经过长期探索,自己终于探索出了一套完善可行的tkinter的勾选框方案,分享给大家。单个勾选框容易,关键是如何根据一个列表,设置一组勾选框,能够四个一组换行,能够全选和反选,能够获取到选择的值。 import ...
  • 先看效果图;...下面是添加后面勾选框的代码: self.cbs = [] for r in range(self.rows): # 添加勾选 for c in range(self.cols): if c == 1: frame = QFrame() fLayout = QHBoxLayout() cb = QChe
  • 或许是你不晓得勾选框小技巧
  • 页面中的勾选框还是比较常见的啊,一般都是请勾选 同意什么协议什么 七天登录什么的 但是我们要自己制作一个呢 先看下下面的几种效果 上面用了四个方法 做出来的勾选情况 接下来进行一一讲解 1.最常见的 使我们 ...
  • 清除Excel多余勾选框数据

    千次阅读 2018-12-05 11:41:29
    从网页上复制的列表到Excel中,需要去掉多余的勾选框。 打开Excel,使用快捷键F5或Ctrl+F5。 在弹出【定位】中点击【定位条件】。 选择【对象】确定后点击删除键。 ...
  • 1、表格的复选框勾选框会有省略号 overflow:eslipse可以去掉谷歌的省略号 clip可以去掉谷歌和IE的 overflow: clip
  • 勾选框提示 *题目来源:B站Js从入门到精通视频 题目描述 建立勾选框,定义事件使得鼠标移入时有内容出现,鼠标移出内容消失。 题目代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-...
  • ## PHPExcel不能解析Excel勾选框怎么办 前段时间用PHPExcel解析Excel表,发现不能解析勾选框,最后还是使用node.js来进行解析,在PHP中通过get提交Excel表的路径到sa3_xlsx_parse_给定的接口进行解析,解析后会返回...
  • selenium---条件选择勾选框

    千次阅读 2018-02-11 10:42:51
    测试需求:如下图所示,要求根据设备使用人条件去自动勾选页面左侧的勾选框首先获取到该页设备使用人和勾选框的元素列表,通过遍历设备使用人元素列表获取设备使用人文本,判断名字,假如text="yanfukun",...
  • 思路 首先隐藏input默认勾选框 通过绑定label标签,设置label的样式来设置勾选框效果在这里插入图片描述代码# html中input的checkbox定义,使用for循环创建多个checkbox并绑定到label上<div class="tab_1" v-for=...
  • jquery自动填充勾选框

    2013-12-10 12:05:30
    jquery自动填充勾选框,即把勾选框打上(true),然后通过ajax方式获得勾选项列表,再把列表内的选项打上。 模板 1 select改变,触发函数makemoduleSelected(),该函数如下: //模板下拉框发生变化时,触发此...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,991
精华内容 3,596
关键字:

勾选框