`
nikofan
  • 浏览: 228367 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

jQuery MiniUI 开发教程 表单控件 CheckBoxList:复选框组(十八)

阅读更多
CheckBoxList:复选框组


参考示例:CheckBoxList:复选框组

创建CheckBoxList
<div id="cbl1" class="mini-checkboxlist" repeatItems="3" repeatLayout="table"
    textField="text" valueField="id" value="cn,usa" onload="onLoad"
    url="../data/countrys.txt" >
</div>

数据结构
[
    { id: "usa", text: "美国" },
    { id: "cn", text: "中国" },
    { id: "jp", text: "日本" },
    { id: "en", text: "英国" },
    { id: "de", text: "德国" },
    { id: "fr", text: "法国" },
    { id: "ca", text: "加拿大" },
    { id: "at", text: "奥地利" },
    { id: "ch", text: "瑞士" }
]

0
0
分享到:
评论

相关推荐

    多选下拉的CheckBoxList

    每个选项都由一个复选框和对应的文本标签组成。在HTML渲染后,CheckBoxList会显示为一系列的`&lt;input type="checkbox"&gt;`元素。 2. **创建CheckBoxList** 在ASP.NET Web Forms中,我们首先需要在页面的`.aspx`文件中...

    下拉列表带复选框实现复选功能

    其次,为了实现下拉列表的展开与复选功能,我们可以利用CSS控制`&lt;select&gt;`元素的样式,将其转变为一个看起来像下拉列表的div,然后用JavaScript或jQuery来处理点击事件,动态显示/隐藏复选框列表。这种方法需要对...

    Asp.net带复选框下拉表

    在Asp.net Web应用程序开发中,"带复选框的下拉表"是一种常见的用户界面元素,它结合了下拉列表的紧凑性与复选框的多选功能,为用户提供了一种更直观、灵活的选择方式。这样的控件通常用于需要用户从多个选项中选择...

    选中/取消选中CheckBoxList中的所有复选框

    在ASP.NET中,可以使用C#代码来选中或取消选中所有的复选框: ```csharp protected void ToggleAllCheckboxes_Click(object sender, EventArgs e) { foreach (ListItem item in CheckBoxList1.Items) { item....

    带CheckBox的下拉多选框

    在Web开发中,"带CheckBox的下拉多选框"是一种常见的用户界面组件,它结合了下拉列表的紧凑性和复选框的多选功能,为用户提供了一种更高效的交互方式。这种组件常用于需要用户从多个选项中选择多个项的情况,如设置...

    下拉框中嵌套多选框控件

    “嵌套”(Nested)在这里指的是在下拉框内部包含其他组件,例如复选框(Checkbox)。复选框允许用户在多个独立的选项之间进行多选。将复选框嵌套在下拉框内,既保留了下拉框的空间效率,又提供了多选的便利性,使得...

    美化单选框跟复选框代码

    在网页设计中,表单元素如单选框(Radio)和复选框(Checkbox)是不可或缺的部分,它们用于收集用户的选择或确认信息。然而,原生的HTML表单控件在样式方面通常较为朴素,不满足现代网页设计的美观需求。"美化单选框...

    3Z版基于jquery的图片复选框(asp.net+jquery)

    从给定文件的【标题】、【描述】和【部分内容】来看,本知识点涉及***、jQuery以及图片复选框插件的开发和应用。该知识点重点介绍了如何在***环境下,利用jQuery技术开发一个自定义的图片复选框功能,并通过改造现有...

    jquery 实现复选框的全选操作实例代码

    在Web开发中,复选框是一种常用的表单控件,它允许用户选择多个选项。当处理大量的复选框时,为了提高用户体验,经常需要实现全选和取消全选的功能。本文将介绍如何使用jQuery来实现这一功能,同时提供具体的代码...

    240多个jQuery UI插件

    - **jQuery Checkbox (checkboxes with images)**: 使用图片替代复选框。 - **jQuery Spin Button Control**: 实现数值增减控制。 - **jQuery Ajax Form Builder**: 快速构建Ajax表单。 - **jQuery Focus Fields...

    CheckBoxList多选样式jquery、C#获取选择项

    其次,jquery的使用被引入来动态获取前端CheckBoxList中被选中的复选框值。jquery选择器"$("#ddlplatforminput:checkbox:checked")"的作用是选中所有ID为"ddlplatforminput"的复选框中被选中的项。".each(function()...

    JQuerry 插件介绍

    - jQuery Checkbox (checkboxes with images):使用图像作为复选框。 - jQuery SpinButton Control:数字输入框,带有上下箭头控制。 - jQuery Ajax Form Builder:构建动态的AJAX表单。 - jQuery Focus Fields...

    jquery插件表

    - **jQuery Checkbox (checkboxes with images)**:用图片替换复选框的默认样式。 - **jQuery SpinButton Control**:创建带有上下箭头的数字输入框。 - **jQuery Ajax Form Builder**:构建Ajax表单的工具。 - **...

    jsp中checkbox用法详解.docx

    在Web开发中,Checkbox(复选框)是非常常见的表单元素之一,主要用于收集用户的多选数据。在JSP(JavaServer Pages)环境下,Checkbox的使用同样广泛。本文将详细介绍在JSP中如何使用Checkbox,包括基本语法、动态...

    海量经典的jQuery插件集合

    - **应用场景**:适用于需要美化标签和复选框样式的场景。 **13. Overlabel** - **功能概述**:覆盖标签样式。 - **应用场景**:适用于需要修改标签样式的场景。 **14. 3state radio buttons** - **功能概述**:...

    jQuery列表 欢迎下载

    - **jQueryCheckbox(checkboxeswithimages)**: 用图片替代复选框的默认图标。 - **jQuerySpinButtonControl**: 实现数值增减的控制旋钮。 - **jQueryAjaxFormBuilder**: 使用Ajax技术构建动态表单。 - **...

    表单的基本使用1

    - **复选框**(Checkboxes):`&lt;input type="checkbox"&gt;`,如`&lt;input type="checkbox" name="hobby"/&gt;`,用户可以选择多个选项。同样,通过`name`属性将它们分组。 - **下拉列表**(Dropdown list):`&lt;select&gt;`和...

    icheck插件DEMO

    **icheck插件**是一种流行的前端交互控件库,主要用于美化HTML中的单选按钮(radio)和复选框(checkbox)。这个插件以其高度自定义的样式和灵活的API,使得开发者可以轻松创建出视觉效果华丽、用户体验优良的表单...

Global site tag (gtag.js) - Google Analytics