获取CheckBox的Text值

有在网上看到一个问题,就是尝试去获取Checkbox的值。技术难度并不高,不过有时间,还是做做练习。
创建一个网页:

写click事件,在CheckBox被选取时,才去获取CheckBox的Text的值,反之,清除TextBox的值:

实时演示:

如果要求不是直接去访问Checkbox,而是访问Div标签内的CheckBox呢?来试试:

其实,添加了Div标签控件之后,使用上面的方法,还是一样可以获取CheckBox的值的。但是,我们想从Div控件去获取,那要怎样实现呢?
可以循环Div控件内的所有控件,由于Div控件内,还可能有其它控件,因此还要判断一样是否为Checkbox控件:

上面的例子Checkbox控件只是放在一层Div控件内,如果它是存储好向个深层的控件内,那我们是不是要几个foreach (Control ctl in div1.Controls)或是是findcontrol()方法来找到CheckBox呢?

这个你大不必担心,有一个方法让你快捷找到目标的,参考这里《非使用FindControl方法找到深层嵌套的控件http://www.cnblogs.com/insus/archive/2012/09/27/2705388.html 它的升级篇《非使用FindControl方法找到深层嵌套的控件 Ver2http://www.cnblogs.com/insus/archive/2012/10/07/2713568.html

时间: 2024-10-04 07:56:32

获取CheckBox的Text值的相关文章

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

webform开发经验(一):Asp.Net获取Checkbox选中的值

webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { string res = string.Empty; foreach (RepeaterItem rtpItem in Rpt_.Items) { HtmlInputCheckBox obj = rtpItem.FindControl("checkbox") as HtmlInputCheckBo

sencha touch 中获取picker的text值

标签: Sencha Touch [1].[代码] [HTML]代码 跳至 [1] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 {                                               xtype:'picker',                        id:'picker',                        slots: [            

JavaScript、jQuery获取radio、checkbox选中的值

1 <div > 2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3 <input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4 <input type="

DWZ-JUI 树形Checkbox组件 无法一次获取所有选中的值的解决方法

UI中 tree Checkbox 组件 在官方文档中提供的oncheck事件中只能够获取当前点击的权限值,而无法获取其他选中的值 <ul class="tree treeFolder treeCheck expand" oncheck="kkk"><li><a >框架面板</a><ul><li><a tname="name" tvalue="value1&q

Jquery获取select,dropdownlist,checkbox下拉列表框的值

jQuery获取 Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项 时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js获取checkbox值的方法

js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="javascript"> functio

Jquery获取CheckBox、Select、radio的值

Jquery获取这三个控件的值不可以仅仅根据$("#控件ID")进行获取,以下是自己进行的简单的测试: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Control.aspx.cs" Inherits="Test.Control" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XH