开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

单击时更改asp:CheckBox的文本

在ASP.NET中，可以使用CheckBox控件来创建一个可以单击的复选框。要在单击时更改CheckBox的文本，可以使用JavaScript代码来实现。

首先，在ASP.NET页面中添加一个CheckBox控件，并设置其Text属性为要显示的初始文本。然后，在页面的JavaScript代码中，为CheckBox添加一个onclick事件处理程序，在事件处理程序中更改CheckBox的文本。

以下是一个示例代码：

<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head>
   <title>更改CheckBox文本</title>
   <script type="text/javascript">
        function changeText() {
            var checkBox = document.getElementById("CheckBox1");
            if (checkBox.checked) {
                checkBox.innerText = "已选中";
            } else {
                checkBox.innerText = "未选中";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:CheckBox ID="CheckBox1" runat="server" Text="未选中" onclick="changeText()" />
    </form>
</body>
</html>

在上面的示例代码中，CheckBox控件的ID为“CheckBox1”，Text属性为“未选中”。在JavaScript代码中，使用getElementById方法获取CheckBox控件，并在onclick事件处理程序中更改其文本。

需要注意的是，在ASP.NET中，CheckBox控件的Text属性并不会在服务器端生成HTML代码中使用，因此需要使用JavaScript代码来更改文本。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ASP.NET AJAX(3)__UpdatePanel

今天也不知道写不写的完了，最近闲下来了，却感冒了，早上起来都不会说话了，不过幸亏咱不是靠嘴皮子过活了，哎~~~~窃喜吧上一篇简单写到UpdatePanel的一些好处和坏处，这一篇呢，就细致的认识一下UpdatePanel这个控件，并合理的使用它 UpdatePanel的一些属性： RenderMode __Block(默认值):设定UpdatePanel使用DIV来圈出要跟新的区域 __Inline：设定UpdatePanel使用span来。。。。。。 UpdateMode

05

ASP.Net WebForm温故知新学习笔记：一、aspx与服务器控件探秘

开篇：毫无疑问，ASP.Net WebForm是微软推出的一个跨时代的Web开发模式，它将WinForm开发模式的快捷便利的优点移植到了Web开发上，我们只要学会三步：拖控件→设属性→绑事件，便可以行走于天下。但这样真的就可以走一辈子吗？实际上，ASP.Net经常被喷的诟病就在于WebForm以及只会拖控件的ASP.Net程序员，往往大型互联网系统也没有采用WebForm的模式进行开发。但是，WebForm并不是一无是处，而是我们没有用好，还有很多东西我们知其然不知其所以然，现在我们就来对这些平时所不注意但又十分关键的东西一探究竟。

04

DataGrid和CheckBox的混合使用

我们知道DataGrid是非常强大的一个ASP.NET组件,我们可以用它表示非常丰富的信息.在论坛里经常可以看见一些网友问一些关于该控件的问题,我虽不是什么高手但是对DataGrid还是有一些了解,加上我比较喜欢学习所以我今天就将DataGrid和CheckBox的组合使用做一个简单的描述.我们可能在写程序的时候都遇到这种情况:需要选择一个列表的所有项或者取消所有项的选择来删除这些列以及如何给用户一个提示信息是否要删除(改功能我在相关文档里描述过了),我也遇到这个问题.我解决它有2个方案分别描述如下: 解

09

ASP.NET：创建Linked ValidationSummary, 深入理解ASP.NET的Validation

我想对于ASP.NET的Validator控件已经熟悉的不能再熟悉了。我们已经习惯了用Validator控件来验证我们在表单的输入，并通过ValidationSummary来输出我们为Validator控件设置的Error message。不知道大家有没想过进一步改进一下我们的Validation来改善我们的User Experience。比如，在ValidationSummary输出一个Link连接到对应的控件，而不是显示单纯的Error message。比如在上图中，是一个典型的Logi

09

比较郁闷的textbox（asp.net 2.0）控件

该文讲述了在ASP.NET 2.0中，如果设置了文本框控件（TextBox）的ReadOnly属性为true，则通过脚本修改文本框内容时，控件属性不会发生改变，而如果设置了ContentEditable属性为true，则可以通过脚本修改文本框内容，并反映到服务器端。

事件

事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件是某个行为或者触发，比如点击、鼠标移动..... 当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当用户触发按键时... 事件流事件流描述的是从页面中接收事件的顺序，比如有两个嵌套的div，点击了内层的div，这时候是内层

03

ASP.NET常用的一些服务器控件

文本框控件TextBox, TextMode:值SingleLine表示单行文本，MultiLine表示多行文本，等等。 textbox.jpg 下拉列表控件DropDownList,单项按钮

06

文档和元素的几何滚动

当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。

00

浅谈ASP.NET客户端回调

最近同学要做一个项目，需求是：音乐播放器。大致UI如图: 点击右边的“X”图标，可以删除当前选定的这首歌。因为现实界面的代码是复制过来的，并且前辈使用的是拼接字符串，然后绑定到页面的。没有使用ASP.

Jquery 事件冒泡

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。（摘自网络）如何来阻止Jquery事件冒泡？通过一个小例子来解释 <%@ Page Language="C#" AutoEventW

07

asp.net中ScriptManager自带Ajax与jQuery事件冲突

问题引诉：最近在使用asp.net自带的无刷新提交ScriptManager时，发现一个问题，就是和我自己用jQuery写的一些事件函数和局部刷新相冲突。通过在网上收索，发现很多人都遇到这个同样的问题。最终还是找到的解决的办法，在此我想将其解决的办法分享出来供大家参考。

01

C# Eval在aspx页面中的用法及作用

Eval( " ")和Bind( " ")　这两种一个单向绑定，一个双向绑定，bind是双向绑定,但需数据源支持 ASP.NET 2.0改善了模板中的数据绑定操作，把v1.x中的数据绑定语法DataBinder.Eval(Container.DataItem, fieldname)简化为Eval(fieldname)。Eval方法与DataBinder.Eval一样可以接受一个可选的格式化字符串参数。缩短的Eval语法与DataBinder.Eval的不同点在于，Eval会根据最近的容器对象（例如

02

ASP.NET AJAX(13)__利用Microsoft AJAX Library开发客户端组件Sys.Component成员Sys.IDisposable成员Sys.INotifyDisposin

Microsoft AJAX Library定义了一个客户端组件的模型，它的基类是Sys.Component，它实现了三个接口Sys.IDisposable,Sys.INotifyDisposing,Sys.INotifyPropertyChange Sys.Component成员 get_events() get_id(); set_id(); get_isInitialized(); initialize(); dispose(); raisePropertyChanged(); Sys.IDispos

05

JavaScript事件

JavaScript事件对于事件来讲，首先，我们需要了解这样几个概念：事件；事件处理程序；事件类型；事件流；事件冒泡；事件捕获；事件对象；事件模拟，事件方面的性能优化（事件委托、移除事件处理程序）；事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过监听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。事件处理程序：我们用户在页面中进行的点击这个动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：click、mousemove、loa

06

浅谈ASP.NET的Postback

说道ASP.NET的Postback，就得说Web Page的生命周期，但是Web Page的生命周期却不是三言两语就能够说得清楚的，所以在这里单纯站的编程的角度，撇开Web Page 的生命周期浅谈Postback。我们知道，无论是ASP.NET1.x,2.0，甚至是以后的版本，ASP.NET最终Render到Client端通过浏览器浏览的都是一样：一个单纯的HTML。Client通过Submit Form的方式将填入Form的数据提交给Server进行处理。我们现在来看看ASP.NET整个Postba

浅谈ASP.NET的Postback

说道ASP.NET的Postback，就得说Web Page的生命周期，但是Web Page的生命周期却不是三言两语就能够说得清楚的，所以在这里单纯站的编程的角度，撇开Web Page 的生命周期浅谈Postback。我们知道，无论是ASP.NET1.x,2.0，甚至是以后的版本，ASP.NET最终Render到Client端通过浏览器浏览的都是一样：一个单纯的HTML。Client通过Submit Form的方式将填入Form的数据提交给Server进行处理。我们现在来看看ASP.NET整个Postba

06

Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件

上传文件算是比较常规的一个功能，Asp.Net自带了一个上传控件 FileUpload ，简单易用但是体验不太好，所有开发者经常都会选择一个JS插件来进行上传,比如：Uploadify SWFupload 等等... 如果没有特别高的要求，也可以自已实现无刷新有等待效果的上传... 知识了解利用jQuery Form Plugin的ajaxSubmit方法通过AJAX提交表单表单提交后，在一般处理程序中HttpContext.Current.Request.Files才能获

05

radio与checkbox

最近一直在学习Javascript与asp.net MVC4，每天都在跟着书学习。这样总感觉自己看的很抽象，没有点实际的意义。而且，每次看的东西很容易忘记，所以打算在这里记录自己的学习笔记。 Javascript已经看了不少天了，本文主要讲述的是radio与checkbox。 1.radio radio又称单选框，它是html表单中的单选按钮。通常单选按钮是成组出现的，是互斥的，每次只能选取一个。当点击按钮的时候，就会触发onclick事件。通过属性checked判断按钮是否被选中。声明的语法如下：<inp

09

ASP.NET 调味品：AJAX

Karl Seguin 适用于： AJAX（异步 JavaScript 和 XML） Microsoft AJAX.NET Microsoft ASP.NET 摘要：了解如何将 AJAX（异步 JavaScript 和 XML）用于您的 Microsoft ASP.NET 应用程序，使其互动性更强、响应更及时。下载本文的代码示例 AjaxASPNETCS.msi（使用 C# 语言）下载本文的代码示例 AjaxASPNETVB.msi（使用 Visual Basic 语言）本页内容简介什

05

如何在不影响asp.net默认安全性的前提下使用ckeditor/fckeditor?

asp.net默认情况下，不允许提交包含html源代码的表单，这在很大程度上防止了跨站(提交)攻击，但是ckeditor/fckeditor之类的富文本编辑器肯定是要生成html源代码的，如何解决这个矛盾？通常的办法是修改web.config asp.net2.0/3/3.5时可以这样做: <pages validateRequest="false"></pages> asp.net4.0下，这样还不够，必须写成这样: <pages validateRequest="false"></pages> <h

09

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭