Extjs--checkbox，选中与不选中

原创于 2016-07-01 15:26:27 发布 · 9.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Extjs #checkbox

Extjs 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何使用ExtJS框架中的Checkbox组件，并通过JavaScript代码改变其样式状态。包括如何设置Checkbox的选中与未选中状态，以及如何为Checkbox添加点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if(!this.status){
				Ext.getCmp("southPanelCheckbox").setValue(true);
				var btn=document.getElementById("southLeftButtonArray0").getElementsByTagName("button")[0];
				btn.style["background-color"]="rgb(38,182,142)";
				btn.style.border="1px solid #FFF";
				btn.style.color="white";
				this.status=true;
				Ext.getCmp("southPanelCheckbox").status=true;
			}
			else{
				Ext.getCmp("southPanelCheckbox").setValue(false);
				var btn=document.getElementById("southLeftButtonArray0").getElementsByTagName("button")[0];
				btn.style["background-color"]="white";
				btn.style.border="1px solid #6A6A6A";
				btn.style.color="black";
				this.status=false;
				Ext.getCmp("southPanelCheckbox").status=false;
			}

Ext.getCmp("southPanelCheckbox").setValue(true);

是让这个按钮被选中。

Ext.getCmp("southPanelCheckbox").setValue(false);

是让这个按钮不被选中。

对checkbox也可以给它添加click事件的。

其他的详见ext-all.js文件