radio和checkBox的用法:

radio和checkBox的用法:

配置内容:

  1. (function(){
  2. Ext.onReady(function(){
  3. new Ext.form.Panel({
  4. title:‘Ext.form.field.checkBox和Ext.form.field.Radio示例‘,
  5. bodyStyle:‘padding 5 5 5 5 ‘,
  6. frame:true,
  7. height:150,
  8. width:400,
  9. renderTo:‘form‘,
  10. defaults:{
  11. labelSeparator:‘:‘,
  12. labelWidth:80,
  13. width:200,
  14. labelAlign:‘left‘
  15. },
  16. items:[{
  17. xtype:‘radio‘,
  18. name:‘sex‘,
  19. fieldLabel:‘性别‘,
  20. boxLabel:‘男‘
  21. },{
  22. xtype:‘radio‘,
  23. name:‘sex‘,
  24. fieldLabel:‘性别‘,
  25. boxLabel:‘女‘
  26. },{
  27. xtype:‘checkboxfield‘,
  28. name:‘swim‘,
  29. fieldLabel:‘爱好‘,
  30. boxLabel:‘游泳‘
  31. },{
  32. xtype:‘checkboxfield‘,
  33. name:‘walk‘,
  34. fieldLabel:‘爱好‘,
  35. boxLabel:‘散步‘
  36. }]
  37. });
  38. });
  39. })();

显示效果:

来自为知笔记(Wiz)

radio和checkBox的用法:

时间: 2024-10-19 18:49:57

radio和checkBox的用法:的相关文章

用纯CSS美化radio和checkbox

Radio和checkbox需要美化吗?答案是必须的,因为设计风格一直都会变化,原生的样式百年不变肯定满足不了需求. 先看看纯CSS美化过后的radio和checkbox效果:查看. 项目地址:magic-check 在CSS出现之前,我们美化radio和checkbox需要借助JavaScript,最具代表性的就是icheck,它功能强大复杂并且主题很多.icheck这种美化方案很好很强大,但是也有很多缺点: 太重,需要引入JS.CSS,还有图片或者字体图标,而且还依赖jQuery 扩展性差,

Input Radio和Checkbox标签的高富帅用法

input标签中radio和checkbox这标签的原生效果让人无力吐槽,实在太丑. 好在现在weibkit浏览器可以用 -webkit-appearance:none; 来改变自己的矮矬穷形象. radio标签 使用场景1:很多图片下方的点点点,这样做的好处是用JS设置一个点为选中只要将这个元素的checked设置为true即可,而且用鼠标点击也不需要另外写JS脚本. 简单版的CSS代码如下: .radio{ width: 10px; height: 10px; -webkit-appeara

纯js模拟 radio和checkbox控件

代码待优化,功能实现了,不兼容ie8以上, 相同name的radio可以实现切换的操作, 分享代码,共同学习进步 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> .radiobox, .checkbox { width: 10px; height: 10px; padding: 2px; borde

JQuery触发radio或checkbox的change事件

在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下 早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层. 初始代码如下: 复制代码代码如下: $(function(){ $("#ischange").change(function() { alert("checked"

radio与checkbox

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

jQuery 获取和设置radio 和 checkbox 值的操作

jquery 中的val(),可以取值也可赋值,表单元素中的radio和checkbox是比较常用的控件,下面说说对它们的取值和赋值的使用 1.取值 表单如下: <div class="items"> @if (Model.Question.type == "单选") { <div><input type="radio" id="A" name="sin" value=&quo

前端开发:css技巧,如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。

前言: 都说程序员有三宝:人傻,钱多,死得早.博主身边的程序“猿”一大半应了这三宝,这从侧面说明了一个问题,只有理性是过不好日子的.朋友们应该把工作与生活分开,让生活变得感性,让工作变得理性,两者相提并行,岂不快哉.咳,话题扯得有点远,今天博主给大家写一篇关于css如何设置select.radio . checkbox .file样式的问题,这里不涉及模拟框,仅介绍原生情况下如何做到自定义样式,废话不多说,赖次够! 1.select与input file: 相信大家都遇到过这样的问题,大多数浏览

jQuery设置 select、radio、checkbox 默认选中的值

[javascript] view plain copy <!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> <m

radio 和checkbox与文字对齐问题

原文地址:http://www.tuicool.com/articles/vYJfIf 今天在项目中遇到radio和文字对齐问题(ie不明显,火狐和google比较明显),在此记录. 1.浏览器默认文字大小为14px ,因而当文字字体为14px时radio和checkbox与文字对齐良好,如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Inse