精华内容
参与话题
问答
  • 先定定义一个selector 在定义一个style @drawable/selector_group 引用即可 <CheckBox android:focusable="false" android:focusableInTouchMode="false


    先定定义一个selector

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/group_selected" android:state_checked="true"/>
        <item android:drawable="@drawable/group_unselected" android:state_checked="false"/>
        <item android:drawable="@drawable/group_unselected"/>
    </selector>

    在定义一个style

     
        <style name="CustomCheckboxTheme" parent="@android:style/Widget.CompoundButton.CheckBox">
            <item name="android:button">@drawable/selector_group</item>
        </style>

    引用即可

     <CheckBox
            android:focusable="false"
            android:focusableInTouchMode="false"
            android:clickable="false"
            android:layout_gravity="center_horizontal"
            android:textSize="20sp"
            android:text="im chinese"
            android:id="@+id/cb_item"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/CustomCheckboxTheme" />


    自定义样式的复选框样式基本完成,在使用时发现复选框比较大,看起来比较丑,可通过scaleX 与scaleY 来完成,如下。

     <CheckBox
            android:focusable="false"
            android:focusableInTouchMode="false"
            android:clickable="false"
            android:layout_gravity="center_horizontal"
            android:textSize="30sp"
            android:text="test"
            android:scaleX="0.8"
            android:scaleY="0.8"
            android:id="@+id/cb_item"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/CustomCheckboxTheme" />

    效果图 如下:

    展开全文
  • input checkbox 复选框大小修改

    万次阅读 2016-11-11 14:51:00
    有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法, 一种是采用div 扩大点击范围或者是采用图片替代。 直到看到下面一篇介绍,使...

    现在人工智能非常火爆,很多朋友都想学,但是一般的教程都是为博硕生准备的,太难看懂了。最近发现了一个非常适合小白入门的教程,不仅通俗易懂而且还很风趣幽默。所以忍不住分享一下给大家。点这里可以跳转到教程。

    有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法,

    一种是采用div 扩大点击范围或者是采用图片替代。

    直到看到下面一篇介绍,使用了下,才可以达到我想要的效果,试了下ie和谷歌都支持。

     

    参考

    https://zhidao.baidu.com/question/105563578.html

    其实就是zoom属性,这个是放大的意思,可以设置为180%,这样就会比之前大很多。

    <input type="checkbox" name="checkbox" value="checkbox" style="zoom:80%;">

     

     

    展开全文
  • 做了一个显示文件列表的app 列表每一项右边的checkbox复选框在安卓5.0系统中显示出来了 把app装到4.0+的系统中就不显示了 一直都找不到原因 麻烦各位大神解救![图片说明]...
  • 最近项目里要加入一个功能,是要将页面报表导出到pdf中,但是报表中有checkbox复选框,需要要后台利用itext生成,我生成复选框的方法如下: PdfContentByte cb = writer.getDirectContent(); cb.moveTo(0, 0); ...
  • 1. 使用AngularJS让checkbox复选框实现,但限选两个checkbox复选框代码如下:&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8&...

    1. 使用AngularJS让checkbox复选框实现,但限选两个checkbox复选框代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>demo演示</title>
        <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
        <style>
            li {
                list-style: none;
            }
        </style>
    </head>
    <body style="text-align: center;">
    <h1>使用angularJS实现复选框多选,但一次只能限选2个</h1>
    
    <div ng-app="myApp" ng-controller="myCtrl">
    
        <ul class="vs-ul">
            <li ng-repeat="instance in lists"><input type="checkbox" ng-model="instance.checked"
                                                     ng-disabled="instance.disabled"
                                                     ng-click="updateSelection($index)">{{instance.name}}
            </li>
        </ul>
    
    </div>
    
    <script>
        var app = angular.module("myApp", []);
        app.controller("myCtrl", function ($scope) {
            $scope.lists = [{
                name: '第一个复选框测试1',
                checked: false,
                disabled: false
            }, {
                name: '第一个复选框测试2',
                checked: false,
                disabled: false
            }, {
                name: '第一个复选框测试3',
                checked: false,
                disabled: false
            }, {
                name: '第一个复选框测试4',
                checked: false,
                disabled: false
            }
            ];
            $scope.updateSelection = function (position) {
                var counts = 0;
                angular.forEach($scope.lists, function (instance, index) {
                    instance.disabled = false;
                    if (instance.checked) {
                        counts += 1;
                    }
                });
                console.log("checkbox复选框选中个数:", counts);
                if (counts == 2) {
                    angular.forEach($scope.lists, function (instance, index) {
                        if (instance.checked == false) {
                            instance.disabled = true
                        }
                    })
                }
            };
        });
    </script>
    </body>
    </html>

    2. 实现checkbox复选框限选功能效果图如下所示:


    展开全文
  • 请问如何在CMFCPropertyGridCtrl的value部分添加checkbox复选框,如图中复选框所示。![图片说明](https://img-ask.csdn.net/upload/201608/17/1471423533_417996.png),非常感谢,就一个币了,抱歉。
  • JQuery checkbox复选框操作

    千次阅读 2014-08-16 15:57:33
    项目中需要用到checkbox复选框遍历操作,在网上找了段代码不过有问题,查询手册修改后贴出来留着

    【转载请注明出处:http://blog.csdn.net/leytton/article/details/38613799

    项目中需要用到checkbox复选框遍历操作,在网上找了段代码不过有问题,查询手册修改后贴出来留着

    注:attr方法会存在重置后,无法重选等问题,用prop方法代替

    代码如下

    <!DOCTYPE html>
    <html>
    <head>
    <script src="jquery.min.js"></script>
    </head>
    <body>  
    <form action="./test.html" method="get">
    <input type="checkbox" name="checkbox1" id="checkboxId" value="checkbox1">checkbox1  
    <input type="checkbox" name="checkbox2" value="checkbox2">checkbox2  
    <input type="submit"  value="submit"/>
    <input  type="reset"  value="原生重置"/>
    </form>  
    <input type="button" id="btn1" value="遍历所有">  
    <input type="button" id="btn2" value="全选">  
    <input type="button" id="btn3" value="JS代码重置">  
    <input type="button" id="btn4" value="选择一个">  
    <input type="button" id="btn5" value="取消">  
      
    <script type="text/javascript">
    function geAllSelectedItems(){   //遍历所有  
        var items="";  
        $("[type='checkbox']:checked").each(function(){  
                 items+=($(this).val()+"\n");  
        });  
        alert(items);    
    }  
      
    function allSelect(){  
        $("[type='checkbox']").prop("checked",true);//全选  
    }  
      
    function allUnSelect(){  
        $("[type='checkbox']").prop("checked",false);//重置   
    }  
      
    function SelectOne(){  
        $("#checkboxId").prop("checked",true);//选择一个  
    }  
      
    function unSelectOne(){  
        $("#checkboxId").prop("checked",false);//取消  
    }  
      
    $("#btn1").click(function(){  
        geAllSelectedItems();  
     });
    $("#btn2").click(function(){  
        allSelect();  
     });  
    $("#btn3").click(function(){  
        allUnSelect();  
     });  
     $("#btn4").click(function(){  
        SelectOne();  
     });  
      $("#btn5").click(function(){  
        unSelectOne();  
     });  
    </script>  
    </body>  
    </HTML>  


    展开全文
  • bootstrap checkbox 复选框

    万次阅读 2018-09-26 09:02:44
  • Flutter Checkbox 复选框

    千次阅读 2019-06-25 09:20:26
    Flutter 复选框 有两种:一 是精简版Checkbox复选框 ,二是自带标题和副标题CheckboxListTile复选框 参数详解 属性 说明 Checkbox 复选框 value 是否选中此复选框 onChanged 监听当复选框...
  • checkbox" onclick="checkboxOnclick(this)" /&gt; &lt;script&gt; function checkboxOnclick(checkbox){ if ( checkbox.checked == true){ //Action for checked }else{ //Action...
  • datagridview CheckBox复选框

    千次阅读 2019-03-20 15:28:19
    通过代码改变复选列的勾选状态,发现该写的代码都写了,就是没效果,猜测是没刷新的原因:后边试了下RefreshEdit(),果然有效。 //遍历datagridview中的每一行,判断是否选中,若为选中,则选中 for (int i = 0; ...
  • layui默认选中table的CheckBox复选框

    万次阅读 热门讨论 2018-10-08 18:13:36
    方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ {type:'...
  • vue中checkbox复选框数据回显,给复选框添加选中操作 记性不好,所以记录下来也供自己今后查看 前端html及js 主要用到的就是vue里面的v-model指令。 本质上<input :value="test" />就是<input @input=...
  • JavaScript操作checkbox复选框

    千次阅读 2019-06-17 10:04:54
    JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成。先获取checkbox元素集合,遍历集合,对集合中的每一项做操作。 取值 <body> <p> <label for="hobby"&...
  • checkbox 复选框 取值 赋值

    千次阅读 2017-02-21 17:00:43
    复选框(check box)是一种可同时选中多项的基础控件。代码 ();" name="isPillbox" type="checkbox" value="1"/>JAVA ();" name="isPillbox" type="checkbox" va
  • datatables添加checkbox复选框

    千次阅读 2017-03-21 23:53:14
    http://www.cnblogs.com/zhyp/p/5492111.html
  • Devexpress TreeList CheckBox 复选框

    千次阅读 2014-12-18 15:02:24
    关于devexpress treelist checkbox实现父子节点选中的实现 1,最屌的还是这篇 http://www.devexpresscn.com/DevExpress-Resources/Documentation-10.html 只需设置treeList.OptionsBehavior....
  • 1.直接在layout下面创建一个xml文件:checkbox.xml
  • Android 自定义CheckBox复选框 效果图 1.首先在drawable文件夹中添加drawable文件checkbox_style.xml。 在这里我是用了空心圆和实心圆图片,如果想换别的可以自行更改 xml version="1.0" encoding="utf-...
  • 获取jsp checkbox 复选框

    2011-12-25 20:40:22
    Enumeration e=request.getParameterNames(); while(e.hasMoreElements()){ String name=(String)e.nextElement(); if(name.equals("hobby")){ String[] varValues=request.getParameterVal
  • Bootstrap之表格checkbox复选框全选

    万次阅读 多人点赞 2015-11-10 16:23:53
    Bootstrap中表格的复选框全选
  • C#_winform_DataGridView_checkbox复选框_实现单选效果
  • checkbox复选框的默认样式太low,最近做的项目我选择了自定义样式,网上找了不少文章内容冗余,并且并不是都有效果,所以将自己过程整理出来,以备后用。只要在jsp页面和css样式表中添加相应代码即可:一、jsp页面:...
  • 想实现的需求是:复选框默认选中,选中时传值1,未选中时传值0; 根据W3C的规则未选中的checkbox和禁用的控件不是有效控件,不会传值。 方法1: <input type="hidden" name="aa" value="0" /> <...

空空如也

1 2 3 4 5 ... 20
收藏数 78,308
精华内容 31,323
关键字:

checkbox