精华内容
下载资源
问答
  • 创建一复选框组

    2011-06-26 21:04:00
    var myCheckboxGroup = new Ext.form.CheckboxGroup({ id:myGroup, xtype: checkboxgroup, renderTo :form-cb, fieldLab

    展开全文
  • 由于一组复选框选项允许用户选择多个项目,因此每个复选框都是单独管理的,您必须为每个复选框注册一个点击侦听器。密钥类如下:CheckBox响应点击事件当用户选中一个复选框时,CheckBox对象将收到一个单击事件。要...

    复选框允许用户从一组中选择一个或多个选项。通常,您应该在垂直列表中显示每个复选框选项。

    9ddfb60c13d86ecafb3be17e5413eb57.png

    要创建每个复选框选项,请CheckBox在布局中创建一个由于一组复选框选项允许用户选择多个项目,因此每个复选框都是单独管理的,您必须为每个复选框注册一个点击侦听器。

    密钥类如下:

    • CheckBox

    响应点击事件

    当用户选中一个复选框时,CheckBox对象将收到一个单击事件。

    要定义复选框的单击事件处理程序,请将android:onClick属性添加XML布局中的 元素。此属性的值必须是要响应单击事件而调用的方法的名称。然后,Activity托管布局必须实现相应的方法。

    例如,以下CheckBox是列表中的几个对象:

    <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent">    <CheckBox android:id="@+id/checkbox_meat"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/meat"        android:onClick="onCheckboxClicked"/>    <CheckBox android:id="@+id/checkbox_cheese"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/cheese"        android:onClick="onCheckboxClicked"/>LinearLayout>

    Activity承载此布局的内,以下方法将处理两个复选框的click事件:

    KOTLIN

    fun onCheckboxClicked(view: View) {    if (view is CheckBox) {        val checked: Boolean = view.isChecked        when (view.id) {            R.id.checkbox_meat -> {                if (checked) {                    // Put some meat on the sandwich                } else {                    // Remove the meat                }            }            R.id.checkbox_cheese -> {                if (checked) {                    // Cheese me                } else {                    // I'm lactose intolerant                }            }            // TODO: Veggie sandwich        }    }}

    JAVA

    public void onCheckboxClicked(View view) {    // Is the view now checked?    boolean checked = ((CheckBox) view).isChecked();    // Check which checkbox was clicked    switch(view.getId()) {        case R.id.checkbox_meat:            if (checked)                // Put some meat on the sandwich            else                // Remove the meat            break;        case R.id.checkbox_cheese:            if (checked)                // Cheese me            else                // I'm lactose intolerant            break;        // TODO: Veggie sandwich    }}

    您在android:onClick属性中声明的方法必须具有完全如上所述的签名。具体来说,该方法必须:

    • 公开

    • 返回无效

    • 定义一个View作为其唯一参数(这将View是单击的参数)

    提示:如果需要自己更改复选框状态,请使用setChecked(boolean)toggle()方法。

    展开全文
  • 复选框可以随时取消勾选,但不具备互斥属性。在本教程中,我们将讨论种兼具两者长处的方案: 即,互斥复选框。步骤 ASP.NET AJAX Control Toolkit 中包含MutuallyExclusiveCheckBox 扩展器。它允...

    概述

    如果只能从一组选项中选择一项,我们通常使用单选按钮。

    但这样做也有缺点:一旦选中了一组中的某个单选按钮,则将无法不选中所有单选按钮。

    复选框可以随时取消勾选,但不具备互斥属性。在本教程中,我们将讨论一种兼具两者长处的方案:

    即,互斥复选框。
    步骤

    ASP.NET AJAX Control Toolkit 中包含MutuallyExclusiveCheckBox 扩展器。它允许编程人员将任意的复选框赋值给一个组名

    (Key属性)。但在同一组的所有复选框中,每次只能选择一个。

    我们首先将两个复选框放在一个新的ASP.NET 页面上。复选框的数量还可以更多,但两个就足以演示互斥复选框的原理了:
    <asp:CheckBox ID="cbYes" runat="server" />Yes
    <asp:CheckBox ID="cbNo" runat="server" />No

    对于这两个复选框,MutuallyExclusiveCheckBoxExtender 控件必须位于上述页面中。

    两个复选框的Key 属性值必须相同,这与使用单选按钮的情形类似

    (在使用单选按钮时,各HTML 单选按钮元素的值属性必须相同,以便指示所属的组)。

    扩展器的TargetControlID 属性指向复选框的ID。
    <ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe1" runat="server"
         TargetControlID="cbYes" Key="YesNo" />
    <ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe2" runat="server"
         TargetControlID="cbNo" Key="YesNo" />

    最后,在标记中包含ASP.NET AJAX ScriptManager,ASP.NET AJAX Control Toolkit 的所有元素都需要该控件:
    <asp:ScriptManager ID="asm" runat="server" />

    保存并运行该页面:我们可以勾选和取消勾选这两个复选框,但它们不能被同时勾选。

     

    -----------------------------------------------------------------

    <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:CheckBox ID="CB1" Text="Yes" runat="server" />
            <asp:CheckBox ID="CB2" Text="No" runat="server" />
            <asp:CheckBox ID="CB3" Text="None" runat="server" />
           
            <cc1:MutuallyExclusiveCheckBoxExtender ID="Myes" TargetControlID="CB1" Key="yesno" runat="server"></cc1:MutuallyExclusiveCheckBoxExtender>
            <cc1:MutuallyExclusiveCheckBoxExtender ID="Mno" TargetControlID="CB2" Key="yesno" runat="server"></cc1:MutuallyExclusiveCheckBoxExtender>
            <cc1:MutuallyExclusiveCheckBoxExtender ID="Mnone" TargetControlID="CB3" Key="yesnos" runat="server"></cc1:MutuallyExclusiveCheckBoxExtender>

    注意:要互拆的CheckBox    MutuallyExclusiveCheckBoxExtender的Key="yesnos" 必须设为相同

    转载于:https://www.cnblogs.com/sidihu/archive/2012/04/20/2460785.html

    展开全文
  • 1、要用v-for绑定多组复选框,首先v-for绑定的数据一定是个动态的。比如我用了个数组qitem[doneNum].body ,doneNum是动态变化的。 2、input类型为checkbox 的标签上的v-model绑定了option.checked ,这个属性在...

    ## Vue 中 v-for 渲染多组复选框,

    1280506-20180726145844790-1339045390.png
    1280506-20180726145855021-680341658.png
    1280506-20180726145913325-1792786897.png
    1280506-20180726145934727-732454495.png

    1、要用v-for绑定多组复选框,首先v-for绑定的数据一定是一个动态的。比如我用了一个数组qitem[doneNum].body ,doneNum是动态变化的。

    2、input类型为checkbox 的标签上的v-model绑定了option.checked ,这个属性在qitem的body中是没有的。他会创建并这个属性(这个属性是一个布尔值)绑定到这个值上。当第一次点击的,创建这个属性,并且为true,再次点击变成false

    3、然后通过 getchecked(option) ,传入数据。在函数内做判断,取出被选中的选项即可。

    ## Vue 中 v-for 渲染多组单选框,

    单选框就不存在绑定数据是布尔值的情况了,取下标就好了。

    转载于:https://www.cnblogs.com/linququ/p/9371846.html

    展开全文
  • 主要js//循环输出创建十个复选框var chtml = "";for (var i = 0; i < 10; i++) {chtml += "";chtml += '小'+i+'';chtml += "";}//把得到字符串利用jquery添加到元素里面生成checkbox$("#selectlxr").html(chtml);...
  • Checkboxes(复选框

    2016-07-18 09:40:52
    因为一组复选框允许用户选择多项,每一个复选框都单独管理,你必须为每一个都注册点击监听器。 响应点击事件 当用户选择一个复选框时, CheckBox 对象收到一个on-click 事件。 为复
  • HTML复选框和提交按钮组合设置

    千次阅读 2015-08-05 16:39:27
    在html中怎样来创建复选框,对于创建复选框我们应该注意什么样的问题,这个html文档借助个例子,很好的总结了对复选框的设置,设置复选框用到的标签是<form><input>我们队这些标签的属性应该怎样来写
  • 为了方便说明,我们假定创建了基于对话框的MFC应用程序,第组框为"分数",内有四个单选按钮:"100","90","80","70".ID分别为...第二个组框为"加权",内有四个复选按钮:"10","9","8","7",ID分别为IDC_CHECK1,IDC_C...
  • struts中创建动态复选框标签的使用

    千次阅读 2007-06-11 09:17:00
    在用户界面设计中,复选框组不如它的同类 —— 多行选择框那样流行。它们基本上做的是同一件事,即选择映射到单一 name 属性的一组选项。当在组中使用时,复选框执行的功能实际与多行选择框一样,但是它们占据的屏幕...
  • 复选框使用总结

    2016-09-22 13:55:00
    对复选框最基本的应用, 就是对复选框...首先在空白网页中创建一个表单, 其中放入一组复选框: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...
  • 本文将说明如何创建一个带全选复选框的列表控件。其效果如下图: 这个控件是由一个复选框(CheckBox)与一个 ListView 组合而成。它的操作逻辑: 当选中“全选”时,列表中所有的项目都会被选中;反之,取消选中...
  • 在用户界面设计中,复选框组不如它的同类 —— 多行选择框那样流行。它们基本上做的是同一件事,即选择映射到单一 name 属性的一组选项。当在组中使用时,复选框执行的功能实际与多行选择框一样,但是它们占据的屏幕...
  • 由于一组复选框选项允许用户选择多个项目,因此每个复选框都是单独管理的,您必须为每个项目注册一个点击监听器。 关键类如下 CheckBox 响应Click事件 当用户选择复选框时,该CheckBox对象将收到点击事件。 要为复...
  • 在java编程语言中,单选框按钮没有单独的类,而是作为复选框的特例存在,用户通过把一组复选框放置在同一个复选框中创建一套单选框按钮。它的构造和其它方法如下: public Checkbox()  创建一个没有标签的复选...
  • 设置基本信息(单选框和复选框、涉及知识点 1、线性布局(LinearLayout) 2、标签(TextView) 3、按钮(Button) 4、编辑框(EditText) 5、单选按钮(RadioGroup) 6、单选按钮(RadioButton) 7、复选框...
  • 如果实现方式是编辑功能需要根据返回值展示,请参考:... 第种实现方式(如创建功能): // html代码 <body ng-app="app"> <div> <--全选功能--> <input type="checkbox" name="ch...
  • 原文:WPF: 实现带全选复选框的列表控件 本文将说明如何创建一个带全选复选框的列表控件。其效果如下图: 这个控件是由一个复选框(CheckBox)与一个 ListView 组合而成。它的操作逻辑: 当选中“全选”时,...
  • (1)创建页面,创建一个表格在表格的第一列中放入一组复选框,并实现复选框的全选、反选、提交操作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
  • 密码生成器:这是个密码生成器,可用于创建自定义密码。 选择您希望密码多长时间。 然后,通过单击复选框,希望密码具有什么。 因此,可以通过组合数字,特殊字符和字母来获得随机密码
  • (3)复选框 三.实例 ()、运行效果 (二)实现步骤 1.创建安卓应用 2.布局资源文件 &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width=&...
  • Struts 的动态复选框

    2007-08-13 17:44:00
    Struts Recipes 的合著者 Danilo Gurovich 从 George Franciscus 停止的地方开始,介绍了易于使用的创建动态选择复选框的 Struts 诀窍。在用户界面设计中,复选框组不如它的同类 —— 多行选择框那样流行。它们基本...
  • swing复选框(JCheckBox) 单选框(JRadioButton) 特别说明:同一单选按钮,必须先创建一个ButtonGroup,然后把单选按钮放到ButtonGroup 中 package gui; import javax.swing.JButton; import javax.swing...
  • 可以看到是按顺序的,若在同一组容器不是顺序的,可能出错。这里忽略一下按钮,看前四个。 6)设置属性,使同组内的第一个按钮的Group为true。 7)添加按钮,用于检测用户选择的单选。 8)开始编码。 首先是...

空空如也

空空如也

1 2 3 4 5 ... 16
收藏数 314
精华内容 125
关键字:

创建一组复选框