JS中获取某控件的属性的几种方法

JavaScript017

JS中获取某控件的属性的几种方法,第1张

大致是HtmlControl被服务器发送到页面ID不变,比如<div id="a" runat="sever"></div>

WebControl 被服务器发送到页面,如果在其他循环控件里,或者在用户控件中,ID会变,

用document.getElementById("<%=Button1.ClientID%>")

这个你多看看页面源代码,就知道什么时候会变。什么时候不会变

类似取Text需要这样写:document.getElementById("<%=Button1.ClientID%>").value

而不是直观意义上document.getElementById("<%=Button1.ClientID%>").text

这个是javascript语言,就这个语法,这个属性,就用value取值,在js中就是这样,没什么说的

如果是在.net后台,才用Button1.Text

用按钮的Checked属性是否为true判断是否选中状态。

C#窗体控件-单选按钮控件RadioButton

单选控件(RadioButton)显示为一个标签,左边是一个原点,该原点可以是选中或未选中。在要给用户提供几个互斥选项时,就可以使用单选按钮。例如,询问用户的性别。

把单选按钮组合在一起,给它们创建一个逻辑单元,此时必须使用GroupBox控件或其他容器。首先在窗体上拖放一个组框,再把需要的RadioButton按钮放在组框的边界之内,RadioButton按钮会自动改变自己的状态,以反映组框中惟一被选中的选项。如果不把它们放在组框中,则在任意时刻,窗体上只有一个RadioButton被选中。

单选按钮控件的主要属性:

Checked:指示单选按钮是否已选中。

Text:单选按钮显示的文本。

AutoCheck:单选按钮在选中时自动改变状态,默认为true。

单选按钮控件的主要事件:

Click:单击控件时发生。

CheckedChanged:当Checked属性值更改时触发。

RadioButton控件的属性

名称

描 述

Appearance

RadioButton可以显示为一个圆形选中标签,

放在左边、中间或右边,或者显示为标准按钮。

当它显示为按钮时,控件被选中时显示为按

下状态,否则显示为弹起状态

AutoCheck

如果这个属性为true,用户单击单选按钮时,

会显示一个选中标记。如果该属性为false,

就必须在Click事件处理程序的代码中手工

检查单选按钮

CheckAlign

使用这个属性,可以改变单选按钮的复选框

的对齐形式,默认是ContentAlignment. MiddleLeft

Checked

表示控件的状态。如果控件有一个选中标记,

它就是true,否则为false

RadioButton控件的事件

名称

描述

CheckChanged

当RadioButton的选中选项发生改变时,

引发这个事件

Click

每次单击RadioButton 时,都会引发该事件。

这与CheckChanged事件是不同的,因为连续

单击RadioButton 两次或多次只改变Checked

属性一次,且只改变以前未选中的控件的

Checked属性。而且,如果被单击按钮的

AutoCheck属性是false,则该按钮根本不

会被选中,只引发Click事件

1、常用属性:

(1)Checked属性:用来设置或返回单选按钮是否被选中,选中时值为true,没有选中时值为false。

(2)AutoCheck 属性:如果 AutoCheck 属性被设置为 true(默认),那么当选择该单选按钮时,将自动清除该组中所有其他单选按钮。对一般用户来说,不需改变该属性,采用默认值(true)即可。

(3)Appearance 属性:用来获取或设置单选按钮控件的外观。当其取值为 Appearance.Button 时,将使单选按钮的外观像命令按钮一样:当选定它时,它看似已被按下。当取值为 Appearance.Normal 时,就是默

认的单选按钮的外观。

(4)Text属性:用来设置或返回单选按钮控件内显示的文本,该属性也可以包含访问键,即前面带有“&”符号的字母,这样用户就可以通过同时按Alt键和访问键来选中控件。

2、常用事件:

(1)Click事件:当单击单选按钮时,将把单选按钮的Checked属性值设置为true,同时发生Click事件。

(2)CheckedChanged事件:当Checked属性值更改时,将触发CheckedChanged事件

其实很简单。就是对HTML里面BUTTON的属性的了解,还有利用JavaScript控制button属性以及赋值。

上面的朋友用document.all("button1"),我并不推荐。虽然这是可以面向IE4兼容,但是我更推荐使用标准的DOM取得button的对象。写了一个特简单的小例子,如下:

<html>

<head>

<title>test</title>

<script>

function $(id){

return document.getElementById(id) || document.all[id]

}

window.onload = function(){

var bChecked = false

var oldBtStyle = $("buttonId").style

$("buttonId").onclick = function(){

if(!bChecked){

this.style.color = "red"

this.style.fontSize = 24

this.style.backgroundColor = "yellow"

this.style.height = 120

this.style.width = 120

bChecked = true

}else{

this.style.color = "black"

this.style.fontSize = 12

this.style.backgroundColor = "silver"

this.style.height = 30

this.style.width = 80

bChecked = false

}

}

}

</script>

</head>

<body>

<input type="button" id="buttonId" value="check me" />

</body>

</html>