CheckboxGroup

授权协议 未知
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery表单及相关
软件类型 开源软件
地区 不详
投 递 者 慕俊语
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Provide "select all" checkbox functionality to a group of checkboxes. The select all checkbox stays in sync with the group so it is appropriately checked when it needs to be.

Example:

 

$('#checkall').checkgroup({groupName:'group'});

 

Also can have multiple select all boxes to one group - for instance one on top of the group and one on bottom:

 

$('.checkall').checkgroup({groupSelector:'.groupclass',enabledOnly:true});

 

The HTML would look like this:

<input type='checkbox' class='checkall'>checkall<br>
<input class='groupclass' name='group' type='checkbox'>chk1<br>
<input class='groupclass' name='group' type='checkbox'>chk2<br>
<input class='groupclass' name='group' type='checkbox'>chk3<br>
<input class='groupclass' name='group' type='checkbox'>chk4<br>
<input type='checkbox' class='checkall'>

 

  • 之前做个一个投票应用,投票可以多选,但是又有上限,比如5选3,跟多选题一样。当时就写了个组合控件。 关键代码如下: public void init(List<String> texts, int maxCheckedNum) { setOrientation(VERTICAL); this.maxCheckedNum = maxCheckedNum;

  • 在第 5 节,我们完成了具有数据校验功能的组件 Form,本小节继续开发一个新的组件——组合多选框 Checkbox。它作为基础组件,也能集成在 Form 内并应用其验证规则。 Checkbox 组件概览 多选框组件也是由两个组件组成:CheckboxGroup 和 Checkbox。单独使用时,只需要一个 Checkbox,组合使用时,两者都要用到。效果如下图所示: 单独使用,常见的场景有注册时

  • checkbox.vue 组件 <template> <label class="one-checkbox" :class="{' is-checked':isChecked}"> <span class="one-check_input"> <span class="one-check_inner"></span> <input type=

  • 1、CheckboxGroup类 CheckboxGroup 中的复选框按钮可以在任意给定的时间处于 "on" 状态。按下任何按钮,可将按钮状态设置为 "on",并且强制将任何其他 "on" 状态的按钮更改为 "off" 状态。 2、choice类 Choice 类表示一个弹出式选择菜单。当前的选择显示为菜单的标题。 3、例子 package testCheckbox; import java.a

  • 复写CheckboxGroup即可,代码如下 Ext.override(Ext.form.CheckboxGroup,{ //在inputValue中找到定义的内容后,设置到items里的各个checkbox中 setValue : function(value){ this.items.each(function(f){ if(value.indexOf(f.inputValue) != -1)

  • checkbox-group元素能把多个 checkbox 管理为一组,只需要在 Group 中使用v-model绑定Array类型的变量即可。el-checkbox 的 label属性是该 checkbox 对应的值,若该标签中无内容,则该属性也充当 checkbox 按钮后的介绍。 使用vue实现 template中 <template> <div class="checkbox-grou

  • 首先这是官网的用法: 代码非常的长,而且很难复用(不能多个复选框共用这个checkboxChange方法) <checkbox-group bindchange="checkboxChange"> <label class="weui-cell weui-check__label" wx:for="{{items}}" wx:key="{{item.value}}"> <view c

  • 项目中经常用到复选框组来实现比如爱好的选择等功能,下面使用最简洁的代码实现: 首先组件是使用: <a-checkbox-group v-model="selPubTypes" :options="pubTypes" />         其中pubTypes是选项的定义,比如[{ 

  • 项目场景: 表单编辑功能的数据回显 问题描述 在Form表单中使用CheckboxGroup时,首先想到的是通过form的实例setFieldsValue来初始化checkbox的值,但此时的Form.Item并没有name,至此,这个方法行不通。 其次,想到通过CheckboxGroup的defaultValue,但在Form表单中使用defaultValue会出现警告,提示使用Form的api

  • VUE 使用IView 中的 CheckboxGroup 实现分组内单选功能,可以选择多个Checkbox,但是每组只能选择一个元素; 整体实现思路,通过本次选择的结果和上次选择的结果对比,得到当前选择的元素id,根据当前选中的id找到当前元素的兄弟元素,将除过自己的兄弟元素从选中的集合中删除,从而达到组内单选的效果 页面布局 <Collapse v-model="OpenPanel"