phoebird
- 浏览: 117720 次
- 性别:
- 来自: 重庆
-
文章分类
最新评论
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>decode和encode的介绍</title>
<link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/xtheme-access.css" />
<script type="text/javascript" src="${base}/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script><!--中文映射-->
<script type="text/javascript">
function ready(){
var win=new Ext.Window({//创建窗体对象
id:"win",
width:300,
height:200,
title:"单选和复选添加事件",
tbar:[
{
xtype:'radio',//类型为单选
id:'hege',
boxLabel:'合格',//单选旁边显示文本标签
name:'flag',//控件名称
inputValue:'0',//控件值
handler:function(){//添加事件
var hege=Ext.getCmp("hege");//通过id获取控件对象
if(hege&&hege.checked){//判断是否被选择
Ext.Msg.alert("提示信息","你选择的是："+hege.boxLabel)
}
}
},
'',
{
xtype:'radio',
id:'buhege',
boxLabel:'不合格',
name:'flag',
inputValue:'0',
listeners:{"check":function(){//添加事件
var buhege=Ext.getCmp("buhege");
if(buhege && buhege.checked){
Ext.Msg.alert("提示信息","你选择的是:"+buhege.boxLabel);
}
}}
}
],
bbar:
[
'请选择你的爱好','',
{
xtype:'checkbox',
boxLabel:'打游戏',
id:'playGame',
inputValue:'0',
listeners:{"check":function(){
var playGame=Ext.getCmp("playGame");
if(playGame && playGame.checked){
Ext.Msg.alert("提示","你选择的是："+playGame.boxLabel);
}
}}
},
'',
{
xtype:'checkbox',
boxLabel:'看电影',
id:"seeFilm",
inputValue:'0',
handler:function(){
var seeFilm=Ext.getCmp("seeFilm");
if(seeFilm && seeFilm.checked){
Ext.Msg.alert("提示","你选择的是："+seeFilm.boxLabel);
}
}
},
'',
{
xtype:"checkbox",
boxLabel:'打篮球',
id:"playBasket",
inputValue:'0'
}
]
});
win.show();//将窗体设置为显示
//添加事件
var playBasket=Ext.getCmp("playBasket");
playBasket.addListener("check",function(){//
if(playBasket && playBasket.checked){
Ext.Msg.alert("提示","你选择的是:"+playBasket.boxLabel);
}
})
}
Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
</script>
</head>
<body>
<div id="button"></div>
</body>
</html>
分享到：
发表评论
-
8179 ext events 为空或不是对象
2010-06-29 15:16 839items结尾的 [ xxxx,xxx,gbsfgs,] ... -
登录实例
2010-06-20 17:37 1014<%@page contentType="te ... -
Ext Ext.util.Format 常用的函数的介绍
2010-06-20 15:20 1628<%@page contentType="te ... -
Ext decode() 与encode() 方法的简单应用
2010-06-20 11:36 2537<%@page contentType="te ... -
Ext.getCmp("id") 简单应用
2010-06-20 11:19 5610<%@page contentType="te ... -
gridPanel 边框线 样式
2010-05-20 14:52 1572发现Ext已经设计好的一种效果：单双行背景颜色不同。 很简单 ... -
JsonReader ArrayReader解析器的应用
2010-05-18 23:12 1154Ext.onReady(function(){ var ... -
gridpanl 笔记一
2010-05-17 22:54 803Ext.onReady(function(){ var ... -
窗口 对话框简单 实例
2010-05-16 16:34 910function save(button) { if ... -
窗口 分组
2010-05-16 16:01 816//窗口是分组进行管理的，可以对一组窗口进行操作，默认情况下的 ... -
窗口基本应用
2010-05-16 15:49 692var i = 0; function newWin() { ... -
网站后台 简单布局 （上左右方式）
2010-05-16 15:37 2040Ext.onReady(function() { ... -
panel 布局 viewPort 简单介绍
2010-05-16 15:25 1004Ext.onReady(function() { ... -
基本事件处理及使用方法
2010-05-16 14:41 751Ext.onReady(function() { ... -
获取元素添加监听
2010-05-16 14:12 883function show() { Ext.Msg.ale ... -
tabPanel button 对象的创建 (2)
2010-05-16 13:31 880Ext.onReady(function() { ... -
extjs 提示窗口 面板对象 视图区域显示 对象创建(1)
2010-05-16 00:22 910页面代码 first.jsp <%@ page la ...
相关推荐
在创建交互式游戏或应用时，复选框和单选框是不可或缺的元素，它们允许用户进行选择并提供反馈。本文将深入探讨Unity中的复选框和单选框，并提供实现这些功能的关键知识点。 一、Unity UI系统概述 Unity的UGUI是在...
3. **事件处理**：jQuery可以监听单选框和复选框的点击事件，当用户进行选择时，触发相应的JavaScript代码，实现动态效果，如改变相邻元素的显示、提交表单等。 4. **状态管理**：通过jQuery，我们可以轻松地获取或...
### 复选框变单选框的背景 在Web应用开发中，复选框和单选按钮都是用于收集用户选择的常用表单元素。复选框允许用户进行多项选择，而单选按钮则限制用户只能从一组选项中选择一个。然而，在某些场景下，如需满足...
在iOS开发中，创建自定义的单选框（Radio Button）和复选框（Checkbox）是常见的需求，尤其是在设计用户界面时，为了提供用户友好的交互体验。本示例主要探讨如何在iPhone应用中实现这样的小控件，并且强调大小和...
当单选框或复选框被选中时，我们可以通过改变伪元素的背景色、添加内部图标（如勾勾）等方式来显示选中状态： ```css input[type="radio"]:checked + label::before, input[type="checkbox"]:checked + label::...
在C#编程中，单选框（RadioButton）和复选框（CheckBox）是两种常见的控件，用于在用户界面中提供交互式选择功能。本文将深入探讨这两种控件的使用方法、规则及其在实际开发中的应用。 单选框通常用于在一组互斥的...
此外，可以利用JavaScript或jQuery为复选框添加交互功能，如多选验证或联动其他元素。 4. **下拉框**（Dropdown）：下拉框允许用户从预设的选项列表中选择。在美化下拉框时，可以考虑调整下拉箭头的样式，设置下拉...
这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例，其中包括了HTML、CSS图像和JavaScript文件，它们共同作用于创建与iPhone原生UI相仿的表单元素交互体验。 首先，`index.html`文件是整个...
复选框的Click事件也是其主要事件，可以在此事件中添加代码以响应用户的勾选或取消勾选。例如，更新根据复选框状态而改变的其他界面元素。 4. 获取用户选择： 获取复选框的选择状态同样通过检查Checked属性。如果复...
本教程将围绕“jQuery单选框跟复选框美化代码”这一主题，探讨如何利用jQuery和CSS技术对这些元素进行美化。 首先，我们要理解HTML中的单选框和复选框基本结构。单选框用于提供一组可选的选项，用户只能选择其中一...
4. HTML结构：确保HTML中的单选框和复选框标签正确，例如`<input type="radio">`和`<input type="checkbox">`，并为其添加相应的类名，以便JS文件能够识别并应用样式。 注意事项： 1. 兼容性：在设计自定义样式时，...
**AngularJS 单选与复选框详解** AngularJS 是一款强大的前端JavaScript框架，由Google维护，用于构建动态Web应用。在开发过程中，我们经常需要处理用户的选择输入，这通常涉及单选按钮（Radio）和复选框（Checkbox...
在本文中，我们将深入探讨如何使用jQuery来美化单选框和复选框，以及相关的UI设计技巧。这个压缩包文件“jQuery单选框和复选框美化代码.zip”包含了一个名为“ui-choose.js”的JavaScript插件，它专门用于改善网页...
在网页设计中，表单元素如单选框（Radio）和复选框（Checkbox）是不可或缺的部分，它们用于收集用户的选择或确认信息。然而，原生的HTML表单控件在样式方面通常较为朴素，不满足现代网页设计的美观需求。"美化单选框...
例如，当单选框或复选框被选中时，可以使用`:checked`来改变其背景色或添加特殊标记，以视觉上突出其已被选中的状态。`:hover`则可以在鼠标悬停时改变样式，增强用户的交互感。 其次，CSS3的`transition`属性用于...
在Qt编程中，单选框（QRadioButton）和复选框（QCheckBox）是两种常见的用户界面元素，用于实现用户的选择交互。它们是Qt Widgets模块的一部分，广泛应用于各种图形用户界面应用中。本教程将深入讲解Qt中的单选框与...
在网页设计中，单选框（Radio Button）和复选框（Checkbox）是常见的表单元素，用于收集用户的选择信息。然而，这些元素在默认情况下，其样式受限于浏览器的控制，导致在不同浏览器下的显示效果可能不统一，特别是在...
iReport 制作复选框的方法 iReport 是一个功能强大的报表设计工具，它可以帮助开发者快速创建复杂的报表。今天，我们将学习如何在 iReport 中制作复选框，并探讨其背后的逻辑和实现原理。 标题解释 iReport 制作复...
"ui-choose.js"是一个典型的实现这一目标的JavaScript文件，它可能包含了一系列方法和函数，用于监听单选框和复选框的事件，例如点击、选中或取消选中等，并相应地更新它们的视觉状态。这些函数通常会使用CSS类来...
"单选框_复选框美化插件"就是针对这一需求而设计的工具，它旨在提升网页或应用中单选框（radio button）和复选框（checkbox）的视觉效果，为用户提供更加舒适的操作体验。下面我们将详细探讨这类插件的工作原理、...