复选框 订阅
复选框是一种可同时选中多项的基础控件,也是基于计算机语言(C语言、java语言、CSS+HTML超文本标记语言)的编程代码框架,一般控制的方法是按住ctrl键,然后鼠标左击进行点选操作来完成复选多个目标。 展开全文
复选框是一种可同时选中多项的基础控件,也是基于计算机语言(C语言、java语言、CSS+HTML超文本标记语言)的编程代码框架,一般控制的方法是按住ctrl键,然后鼠标左击进行点选操作来完成复选多个目标。
信息
软件名称
复选框
方    法
其属性和方法完成复选的操作
性    质
基础控件
别    称
CheckBox
复选框内容介绍
复选框,也叫做CheckBox,是一种基础控件。.NET的工具箱里包含这个控件,它可以通过其属性和方法完成复选的操作。为了完成更多复杂的需求,也出了第三方控件的复选框。只需要将其dll添加到工具箱里,就可以使用更多功能的复选框控件。复选框提供一个制造单一选择开关的方法;它包括一个小框和一个标签。典型的复选框有一个小的“X”(或者它设置的其它类型)或是空的,这依靠项目是否被选择来决定的。我们会使用构建器正常地创建一个复选框,使用它的标签来充当它的自变量。如果我们在创建复选框后想读出或改变它,我们能够获取和设置它的状态,同样也能获取和设置它的标签。注意,复选框的大写是与其它的控制相矛盾的。无论何时一个复选框都可以设置和清除一个事件指令,我们可以捕捉同样的方法做一个按钮。在下面的例子里使用一个文字区域枚举所有被选中的复选框://: CheckBox1.javafdf// Using check boxesimport java.awt.*;import java.applet.*;public class CheckBox1 extends Applet {TextArea t = new TextArea(6, 20);Checkbox cb1 = new Checkbox("Check Box 1");Checkbox cb2 = new Checkbox("Check Box 2");Checkbox cb3 = new Checkbox("Check Box 3");public void init() {add(t); add(cb1); add(cb2); add(cb3);}public boolean action (Event evt, Object arg) {if(evt.target.equals(cb1))trace("1", cb1.getState());awdelse if(evt.target.equals(cb2))trace("2", cb2.getState());else if(evt.target.equals(cb3))trace("3", cb3.getState());elsereturn super.action(evt, arg);returntrue;}void trace(String b, boolean state) {if(state)t.appendText("Box " + b + " Set\n");elset.appendText("Box " + b + " Cleared\n");}awd} ///:~trace()方法将选中的复选框名和当前状态用appendText()发送到文字区域中去,所以我们看到一个累积的被选中的复选框和它们的状态的列表。
收起全文
精华内容
参与话题
问答
  • checkbox(复选框

    千次阅读 2019-05-10 09:42:09
    checkbox(复选框)要向实现按钮功能,在定义的时候必须每个按钮都加上USER-COMMAND XX. 否则不起作用。 之所以需要在每一个定义字段加上 USER-COMMAND XX,那是因为checkbox 不能像 RADIOBUTTON一样定义 group X. ...

    checkbox(复选框)要向实现按钮功能,在定义的时候必须每个按钮都加上USER-COMMAND XX. 否则不起作用。

    之所以需要在每一个定义字段加上 USER-COMMAND XX,那是因为checkbox 不能像 RADIOBUTTON一样定义 group X.

    例如:
    SELECTION-SCREEN BEGIN OF BLOCK a1 WITH FRAME TITLE TEXT-001.
    PARAMETERS: r1 AS CHECKBOX USER-COMMAND g1.
    PARAMETERS: r2 AS CHECKBOX USER-COMMAND g1.
    PARAMETERS: r3 AS CHECKBOX USER-COMMAND g1.
    SELECTION-SCREEN END OF BLOCK a1.
    效果如下图
    在这里插入图片描述

    展开全文
  • HTML复选框--checkbox

    万次阅读 2017-10-10 14:43:07
    在公司实际开发中,会经常遇到复选框全选、多选、统计选中个数的情况,所以总结研究了一些大神的帖子,汇总学习一下!1.原生JS代码checkbox要是属于同一组的,在复选框的属性内name=”mm”属性要写一致;var names=...

    在公司实际开发中,会经常遇到复选框全选、多选、统计选中个数的情况,所以总结研究了一些大神的帖子,汇总学习一下!

    1.统计被选中复选框的个数
    2.点击复选框,执行对应函数
    3.获取复选框的状态
    4.全选、取消全选动作

    1.利用原生JS代码

    1)统计被选中复选框的个数

    checkbox要是属于同一组的,在复选框的属性内name=”mm”属性要写一致;这样可以通过下面代码获得同一组复选框

    var names = document.getElementsByName("mm");       //根据name获取一组内的所有复选框
    var count = 0;
    for(var i=0; i<names.length; i++) {
        if(names[i].checked) {    //获取复选框的状态,被选中时,该值为true
            count++;  //统计被选中复选框的个数
    }
    //以下是一个完整的测试代码
    <html>
    <head>
    <title>测试复选框checkbox</title>    
    
    <script>        
    function static_num() 
    {            
        document.getElementById("btnOperate").onclick = function () {                
            var arr = new Array();                
            var items = document.getElementsByName("category");                 
            for (i = 0; i < items.length; i++) {                    
                if (items[i].checked) {                        
                    arr.push(items[i].value);                    
                }                
            }                 
            alert("选择的个数为:" + arr.length);            
        };        
    };    
    </script>
    </head>
    
    <body>    
        <p><input type="checkbox" name="category" value="今日话题" />今日话题 </p>   
        <p><input type="checkbox" name="category" value="视觉焦点" />视觉焦点</p>
        <p><input type="checkbox" name="category" value="财经" />财经</p>    
        <p><input type="checkbox" name="category" value="汽车" />汽车</p>    
        <p><input type="checkbox" name="category" value="科技" />科技</p>    
        <p><input type="checkbox" name="category" value="房产" />房产</p>    
        <p><input type="checkbox" name="category" value="旅游" />旅游</p>    
    
        <p><input id="btnOperate" type="button" value="选择" onclick="static_num()" /></p>
    
    </body>
    </html>

    2).点击复选框,执行对应函数

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试checked用法</title>
    </head>
    <body>
        <input type="checkbox" name="category" value="今日话题" id="category"/>今日话题
    
        <script type="text/javascript">
            window.onload = function(){
                //备注:addEventListener只能和getElementById()函数绑在一起用,若改为getElementsByName()会报错
                var check_text = document.getElementById('category');
    
                //addEventListener()方法可以避免在html代码中内嵌 js方法
                check_text.addEventListener("click", function () {
                    if(check_text.checked) {
                        alert("您已成功选择" + check_text.value);
                    } else {
                        alert("取消选择" + check_text.value);
                    }
                });
            };
        </script>
    </body>
    </html>

    3).获取复选框的状态

    如上面两个例子所述,可以通过如下代码,获取多选框状态

    items.checked  //被选中时值为true,否则为false

    4)全选、取消全选动作

    下面是一个完整的html测试文件,本例子中,用到了 less.js 来编译css文件,建议还没有接触过less的同学,了解一下less编码,非常简单易学而且高效。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试checked用法</title>
        <!--引入 less 样式表-->
        <link rel="stylesheet/less" type="text/css" href="./public/css/less-js-checkbox.less">
    
        <!-- 引入less样式文件 -->
        <script>less = {env : 'development'}</script>
        <script type="text/javascript" src="./public/js/less.js"></script>
        <script>less.watch();</script>
    
    </head>
    <body>
        <!--<input type="checkbox" name="category" value="今日话题" id="category"/>今日话题-->
        <!-- div块,显示整个checkbox表 -->
        <div class="show_box">
            <div class="header_row">
                <label for="fruit"><input type="checkbox" name="fruit" id="fruit" value="水果"/>水果</label>
            </div>
            <div class="list_row">
                <label for="apple"><input type="checkbox" name="fruit-items" id="apple" value="苹果"/>苹果</label>
            </div>
            <div class="list_row">
                <label for="banana"><input type="checkbox" name="fruit-items" id="banana" value="香蕉"/>香蕉</label>
            </div>
            <div class="list_row">
                <label for="strawberry"><input type="checkbox" name="fruit-items" id="strawberry" value="草莓"/>草莓</label>
            </div>
            <div class="list_row">
                <label for="peach"><input type="checkbox" name="fruit-items" id="peach" value="桃子"/>桃子</label>
    
            </div>
        </div>
        <!-- 全选框、取消全选框 -->
        <!-- checkbox列表 -->
    
        <script type="text/javascript">
            window.onload = function () {
                //水果全选框
                var fruit = document.getElementById('fruit');
                fruit.addEventListener('click', selectAllItems);
                fruit.addEventListener('click', undoAllItems);
    
                //子节点全选时,全选按钮勾选
                var fruitItems = document.getElementsByName('fruit-items');
                for(var i=0; i<fruitItems.length; i++) {
                    fruitItems[i].addEventListener('click', itemsSelectParent);
                }
    
                //选择所有items
                function selectAllItems() {
                    if( fruit.checked) {
                        var fruitItems = document.getElementsByName('fruit-items');
                        for(var i=0; i<fruitItems.length; i++) {
                            if(!fruitItems[i].checked) {
                                fruitItems[i].checked = true;
                            }
                        }
                    }
                }
    
                //取消全选
                function undoAllItems() {
                    if( !fruit.checked) {
                        var fruitItems = document.getElementsByName('fruit-items');
                        for(var i=0; i<fruitItems.length; i++) {
                            if(fruitItems[i].checked) {
                                fruitItems[i].checked = false;
                            }
                        }
                    }
                }
    
                //子节点全选时,全选按钮勾选
                function itemsSelectParent() {
                    var fruit = document.getElementById('fruit');
                    var fruitItems = document.getElementsByName('fruit-items');
                    var childStatus = true;
                    for(var i=0; i<fruitItems.length; i++) {
                        childStatus = (childStatus && fruitItems[i].checked);
                    }
                    if(childStatus) {
                        fruit.checked = true;
                    } else {
                        fruit.checked = false;
                    }
    
                }
            };
        </script>
    </body>
    </html>

    下面是less样式表的文件:

    @base-font: 16px;
    @big-font: 20px;
    @border: 1px;
    @bg-color: #FFF8E1;
    @header-bg-color: #F4565E;
    @header-btn-color: #FDE330;
    @checked-color: #FEE531;
    
    //div块级显示
    .show_box {
      width: 400px;
      height: 400px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -200px;
      margin-top: -200px;
      border: @border*2 solid @bg-color;
      background-color: @bg-color;
      font-size: @base-font;
      //首行高亮显示
      .header_row {
        height: 28px;
        padding: 3px 10px;
        position: relative;
        font-size: @big-font;
        background-color: @header-bg-color;
    
      }
      //checkbox列表行
      .list_row {
        height: 30px;
        padding: 3px 10px;
      }
    }
    

    本文转载自
    http://www.cnblogs.com/kaituorensheng/p/4529113.html

    展开全文
  • HTML中 单复选框的用法

    万次阅读 2018-12-06 19:40:07
    今天看了看单复选框的用法,感觉很是好玩儿 ,所以赶快来把学会的分享下! 首先,在使用表单设计调查问卷时,为了减少用户的操作,使用选择框是一个不错的选择。 HTML中有两种选择框,分别为单选框和复选框。 两者的...

    今天看了看单复选框的用法,感觉很是好玩儿 ,所以赶快来把学会的分享下!

    首先,在使用表单设计调查问卷时,为了减少用户的操作,使用选择框是一个不错的选择。

    HTML中有两种选择框,分别为单选框和复选框。
    两者的区别:单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。

    它的语法:

       <input type="radio/checkbox" value="值" name="名称" checkbox="checkbox"/>
    

    分别说下这几个标签与属性
    1、type:

    当 type=“radio” 时,控件为单选框

    当 type=“checkbox” 时,控件为复选框

    2、value:提交数据到服务器的值(后台程序PHP使用)

    3、name:为控件命名,以备后台程序 ASP、PHP 使用

    4、checked:当设置 checked=“checked” 时,该选项被默认选中

    实际操作如图:
    在这里插入图片描述

    这里面有个需要注意的地方,当然也是我看教程让注意的 哈哈

    同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“gender”,这样同一组的单选按钮才可以起到单选的作用。

    下拉列表框

    下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。所以我个人认为这个还是很实用的,但是关键看需求把。

    先看看怎么使用
    1、value:属性值为提交值。< option value=“提交值” >选项< /option>.
    2、selected=“selected”:
    设置selected="selected"属性,则该选项就被默认选中。
    如图:
    在这里插入图片描述

    每天进步一点点!加油!

    展开全文
  • C# CheckBox:复选框控件

    千次阅读 2019-06-11 14:42:21
    复选框主要的属性是:Name、Text、Checked。 其中: Name:表示这个组件的名称; Text:表示这个组件的标题; Checked:表示这个组件是否已经选中。 Form1.cs using System; using Syste...

       复选框主要的属性是:Name、Text、Checked。

                 其中:

                       Name:表示这个组件的名称;

                         Text:表示这个组件的标题;

                     Checked:表示这个组件是否已经选中。

    Form1.cs

    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Windows.Forms;
    
    namespace CheckBoxForm
    {
        public partial class Form1 : Form
        {
            public Form1()
            {
                InitializeComponent();
            }
            /*
             *判断复选框是否被选中也使用Checked属性
             *界面上的每一个控件都继承自Control类,可以直接判断界面上的控件是否为复选框即可
             */
            private void button1_Click(object sender, EventArgs e)
            {
                string msg = "";
                foreach (Control c in Controls)
                { 
                   //判断控件是否为复选框控件
                    if (c is CheckBox)
                    {
                        if (((CheckBox)c).Checked)
                        {
                            msg = msg + " " + ((CheckBox)c).Text;
                        }
                    }
                }
                if (msg != "")
                {
                    MessageBox.Show("您选择的爱好是:" + msg, "提示");
                }
                else
                {
                    MessageBox.Show("您没有选择爱好", "提示");
                }
            }
        }
    }
    

    Program.cs

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Windows.Forms;
    
    namespace CheckBoxForm
    {
        static class Program
        {
            /// <summary>
            /// 应用程序的主入口点。
            /// </summary>
            [STAThread]
            static void Main()
            {
                Application.EnableVisualStyles();
                Application.SetCompatibleTextRenderingDefault(false);
                Application.Run(new Form1());
            }
        }
    }
    

                                     

                                       

    展开全文
  • 复选框checkbox全选与全不选

    千次阅读 2018-06-29 16:24:54
    1.html复选框标签代码如下:&lt;input type="checkbox" id="checkboxall" value="1" onclick="check();"&gt;&lt;br&gt;&lt;input type="checkbox...
  • 一个非常经典的带复选框的树形菜单,经过修改后,更加的简单
  • HTML复选框

    2018-06-20 21:49:17
    是否因为前端页面中select每次只能选一个选项的困惑而苦恼?使用这个复选控件吧,轻松实现复选框功能。每次可以选多个选项。效果美观。
  • 复选框

    2019-03-13 20:55:52
    //用于批量(获取已选的复选框) var test = $(&amp;quot;input[name='btSelectItem']:checked&amp;quot;); var checkBoxValue = &amp;quot;&amp;quot;; test.each(function(){
  • 复选框 回显

    2019-09-28 11:24:55
    //查询到的地质地貌 var old_landform = data[i].landform; //console.log(old_landform) //获取原来选中的值并拆分 var checkArray = old_landform.split("、");...//获取所有复选框的值 var checkBoxAll...
  • JavaSwing_2.4: JCheckBox(复选框

    万次阅读 多人点赞 2017-07-08 23:20:49
    JCheckBox,复选框
  • checkbox选中与取消选择

    万次阅读 2018-08-16 11:24:40
    checkbox选中与取消选择 1.html &lt;form&gt; &lt;input type="checkbox" name="items" value="足球" /&gt;足球 &lt;input type="...
  • jQuery操作复选框checkbox技巧总结 --- 设置选中、取消选中、获取被选中的值、判断是否选中等 一、checked属性定义 先了解下input标签的checked属性: 1、HTML <input> checked 属性 ◆定义和用法 ...
  • jquery获取复选框checkbox的值

    万次阅读 2018-08-03 13:36:01
    jquery获取复选框checkbox的值 实现方式:jquery获取复选框checkbox的值
  • jQuery实现获取选中复选框的值

    万次阅读 2017-06-20 00:31:10
    jQquery实现获取选中复选框的值应用场景:我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等)。我们可以在每个列表项后面加一个删除按钮,把列表项的 相关参数(如 id)post到后台...
  • 改变复选框原有样式,使得变得好看起来
  • 今天一个同事不太会多选框的取值和赋值的问题,我帮他解决了一下,不想自己想的朋友可以参考一下。 获取checkBox的值,checkBox的html如下 <input type="checkbox" value="1" name="sProblem">check1 <...
  • Qt 之 QTableView 添加复选框(QAbstractItemDelegate)

    万次阅读 热门讨论 2016-02-23 10:24:48
    简述上节分享了使用自定义模型QAbstractTableModel来实现复选框。下面我们来介绍另外一种方式: 自定义委托-QAbstractItemDelegate。简述 效果 QAbstractTableModel 源码 接口说明 QStyledItemDelegate 源码 接口...
  • PyQt5下拉式复选框QComboCheckBox

    万次阅读 热门讨论 2017-09-20 12:09:00
    PyQt5下拉式复选框
  • Qt 之 QHeaderView 添加复选框

    万次阅读 热门讨论 2016-03-01 14:53:17
    简述前面分享了QTableView中如何添加复选框。本节主要介绍QTableView中的表头-QHeaderView添加复选框的功能,下面以水平表头为例,垂直表头类似!简述 效果 QHeaderView 源码 接口说明 QAbstractTableModel 源码 ...
  • Qt 之 QTableView 添加复选框(QAbstractTableModel)

    万次阅读 多人点赞 2016-02-22 17:58:34
    简述使用QTableView,经常会遇到复选框,好的复选框应该包括: 三态:不选/半选/全选 自定义风格(样式)。 下面我们介绍一下常见的实现方式: 编辑委托。 方式:利用委托重载createEditor(),激活QCheckBox。 ...

空空如也

1 2 3 4 5 ... 20
收藏数 202,923
精华内容 81,169
关键字:

复选框