20151215单选按钮列表,复选框列表:CheckBoxList
单选框:RadioButton
GroupName:组名,如果要实现单选效果每个单选按钮的组名必须一样
是否被选中 RadioButton.checked 单选按钮列表:RadioButtonList
属性:RepeatDirection:Vertical上下 Honizontal左右
绑定数据源:
DataClassesDataContext context = new DataClassesDataContext();
RadioButtonList1.DataSource = context.Nation;
RadioButtonList1.DataValueField = "Code";
RadioButtonList1.DataTextField = "Name";
RadioButtonList1.DataBind();
取选中项的值:
RadioButtonList1.SelectedValue.ToString();
设置哪一项被选中:
RadioButtonList1.SelectedIndex=; 复选框:CheckBox
是否被选中 CheckBox1.checked 复选框列表:CheckBoxList
属性:RepeatDirection:Vertical上下 Honizontal左右
绑定数据:
CheckBoxList1.DataSource = context.Nation;
CheckBoxList1.DataValueField = "Code";
CheckBoxList1.DataTextField = "Name";
CheckBoxList1.DataBind();
取选中项的值:
foreach (ListItem item in CheckBoxList1.Items)
{
if (item.Selected)
{
Label1.Text += item.Text;
}
} 设置哪一项被选中:
如果是一项选中:SelectedIndex=;
如果是多想选中:
foreach (ListItem item in CheckBoxList1.Items)
{
if (item.Text == "汉族" || item.Text == "满族")
{
item.Selected = true;
}
} 练习:
全选: foreach (ListItem item in CheckBoxList1.Items)
{
item.Selected = CheckBox1.Checked;
} 弹窗:
string zhi="";
foreach (ListItem item in CheckBoxList1.Items)
{
if (item.Selected)
{
zhi += item.Value.ToString()+",";
}
}
//去掉最后多余的逗号
zhi = zhi.Substring(, zhi.Length - );
//拆分字符串
string[] codes;
codes = zhi.Split(',');
//造JS代码
string js = "<script type='text/javascript'>"; for (int i = ; i < codes.Length; i++)
{
js += "alert('" + codes[i] + "');";
}
js += "</script>"; Literal1.Text = js;
//Literal1.Text = "<script type='text/javascript'>alert('" + zhi + "')</script>";
20151215单选按钮列表,复选框列表:CheckBoxList的更多相关文章
- [ PyQt入门教程 ] PyQt5基本控件使用:单选按钮、复选框、下拉框
本文主要介绍PyQt5界面最基本使用的单选按钮.复选框.下拉框三种控件的使用方法进行介绍. 1.RadioButton单选按钮/CheckBox复选框.需要知道如何判断单选按钮是否被选中. 2.Com ...
- 【特效】单选按钮和复选框的美化(只用css)
表单的默认样式都是比较朴素的,实际页面中往往需要美化他们.这里先说说单选按钮和复选框,有了css3,这个问题就变的好解决了.利用input与label相关联,对label进行美化并使其覆盖掉原本的in ...
- UI设计规范:单选按钮 vs 复选框,没那么简单
无论是网页设计,还是移动app设计,都经常用到单选按钮和复选框这两个组件.这两个组件看似意义明确,很好区分,但在实际设计中却很容易用错,带来不好的用户体验. 本文中我通过列举几个典型的错误用法,帮助设 ...
- mui开发中获取单选按钮、复选框的值
js获取单选按钮的值 function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); retur ...
- DOM(十)使用DOM设置单选按钮、复选框、下拉菜单
1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为t ...
- JQ 操作样式,单选按钮跟复选框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- spring mvc:常用标签库(文本框,密码框,文本域,复选框,单选按钮,下拉框隐藏于,上传文件等)
在jsp页面需要引入:<%@taglib uri="http://www.springframework.org/tags/form" prefix="form&q ...
- 3.Android之单选按钮RadioGroup和复选框Checkbox学习
单选按钮和复选框在实际中经常看到,今天就简单梳理下. 首先,我们在工具中拖进单选按钮RadioGroup和复选框Checkbox,如图: xml对应的源码: <?xml version=&quo ...
- 单选按钮(RadioButton)与复选框(CheckBox)的功能与用法
单选按钮(RadioButton)和复选框(CheckBox).状态开关按钮(ToggleButton)与开关(Switch)是用户界面中最普通的UI组件,他们都继承了Button类,因此都可直接使用 ...
随机推荐
- android sdk 更新那些文件
上篇经验,完成了android开发环境的搭建,相信大家也下载了那1.52G,已经下载好了的Adt_bundle. 那么,我们来点击SDK Manager.exe,看看有些什么吧 2 如图所示,为整个目 ...
- bootstrap笔记-布局
1.通过文本对齐类,可以简单方便的将文字重新对齐. <p class="text-left">Left aligned text.</p> <p cl ...
- linux笔记:文件系统管理-分区、文件系统以及文件系统常用命令
linux分区类型: linux文件系统: df(查看文件系统容量和占用): du(统计文件或目录大小): 查询和自动挂载: 挂载命令格式: 挂载光盘: 卸载光盘: 挂载U盘:
- jquery动画基础
根据id改变字体大小的动画 <div class="speech">样式切换</div> <div id="switcher"&g ...
- linux getch()实现
#include <termio.h> int getch(void){ struct termios tm, tm_old; int fd = 0, ch; ...
- 自定义控件之 Combobox
var ComboboxObj = function (id, url) { this.URL = url; //Ajax url this.ID = id; //combobox id this.m ...
- c/c++面试题(6)运算符重载详解
1.操作符函数: 在特定条件下,编译器有能力把一个由操作数和操作符共同组成的表达式,解释为对 一个全局或成员函数的调用,该全局或成员函数被称为操作符函数.该全局或成员函数 被称为操作符函数.通过定义操 ...
- Python开发入门与实战8-基于Java的集成开发环境
8. 基于Java的Python的集成开发环境 目前为止我们所有的代码和例子都是通过Notepad文本编辑器来实现的,实际项目开发中这种编码模式效率较低(大虾除外),使用IDE集成开发环境常常大幅度的 ...
- 5、Linux下面桌面的安装
搭建本地yum仓库的方法 http://www.cnblogs.com/lql123/p/5952788.html 1.yum grouplist (列出yum仓库里的软件组列表) .y ...
- 基于NodeJS的全栈式开发
前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的 NodeJS,试 ...