给单选和复选按钮添加事件

最新推荐文章于 2022-01-20 13:58:46 发布
最新推荐文章于 2022-01-20 13:58:46 发布
阅读量589 收藏
点赞数
文章标签： Extjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45498460/article/details/118515337
版权 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="Ext/ext-all.js"></script>
      <script type="text/javascript" src="Ext/ext-basex.js"></script>
    <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
</head>
<body>
<form id="form1" runat="server">
    <div>
        <div id="button"></div>
        <script type="text/javascript">
             function ready()
            {
                var win = new Ext.Window
                ({
                    id:"win",
                    width:300,
                    height:200,
                    title:"给单选和复选按钮添加事件",
                    tbar:
                     [
                            {
                                xtype : 'radio',
                                id:"check",
                                boxLabel : '选中',
                                name : 'flag',
                                inputValue : '0',
                                handler:function()//添加事件
                                {
                                    var check= Ext.getCmp("check");
                                    if(check&&check.checked)
                                    {
                   						Ext.Msg.alert("提示消息","你选择的是["+check.boxLabel+"]");
                                    }
                                }
                            },
                            '',
                            {
                                xtype : 'radio',
                                   id:"noCheck",
                                boxLabel : '不合格',
                                name : 'flag',
                                inputValue : '0',
                                listeners:{"check":function()//添加事件
                                    {
                                    	 var noCheck= Ext.getCmp("noCheck");
                                        if(noCheck&&noCheck.checked)
                                        {
                                            Ext.Msg.alert("提示消息","你选择的是["+noCheck.boxLabel+"]");
                                        }
            					}}
                            }
                        ],
                    bbar://debugger;
                        [
                            '请选择你的选取爱好','',
    						 {
                                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:"playFoot",
                                inputValue : '0'
							  }
                        ]
                });
                win.show();
			//为踢足球添加事件
			 var playFoot = Ext.getCmp("playFoot");
                playFoot.addListener("check",function()//添加事件
                {
                    if(playFoot&&playFoot.checked)
                    {
                        Ext.Msg.alert("提示消息","你选择的是["+playFoot.boxLabel+"]");
                    }
				});

            }
            Ext.onReady(ready);
        </script>
    </div>
</form>
</body>
</html>
ヾ凉秋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
js追加html 有点击事件,js点击事件的多种写法
weixin_39531183的博客
05-31 800
javascript 中的点击事件，可以通过多种不同的添加方式来实现。下面介绍三种 javascript 中添加点击事件的示例代码，个人可以根据自己的项目需要选择不同的实现方式。js添加点击事件的代码我是按钮varbtn=document.getElementById('mochu');btn.onclick=function(){alert('飞鸟慕鱼博客');};addEventLi...
js控制checkbox单选，获取checkbox的值，选中checkbox
最新发布
Strive279的博客
10-24 1084
js控制checkbox单选，获取checkbox的值，选中checkbox
input的type=[checkbox]全选取消全选，新生成元素点击事件
hangGe0111的博客
06-27 790
1.HTML&lt;table class="table"&gt; &lt;tr class="tr"&gt; &lt;td colspan="2"&gt; &lt;span&gt; &lt;input type="checkbox" class="check_total"/&gt;全选 &lt;/span
js(jquery)绑定点击事件
热门推荐
美丽的泡沫
07-22 2万+
test 第一种 $("#test").click(function(event) { /* Act on the event */}); 第二种 document.getElementById('#foo').addEventListener('click', function() { /* Act on the event */}, false); 第三种 html
jquery单选框radio绑定click事件实现方法
12-09
本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下： 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv=”content-type” content=”text/html;charset=utf-8″ /> [removed][removed] [removed]  $(function(){   $(“:r
jQuery单选按钮和复选按钮美化效果
06-10
"jQuery单选按钮和复选按钮美化效果"提供了一种方法，可以让你的网页中的单选按钮（radio）和复选按钮（checkbox）看起来更加精致，提升用户体验。本文将深入探讨这个主题，讲解如何利用jQuery和CSS实现这一效果。 ...
纯css3单选按钮和复选按钮样式代码
11-04
纯CSS3的单选按钮和复选按钮样式代码允许开发者自定义这些元素的外观，以提升网页的整体设计感和用户体验。在本文中，我们将深入探讨如何使用CSS3实现这一目标。 首先，让我们了解一下HTML中的基本单选按钮和复选框...
Android编程实现带有单选按钮和复选按钮的dialog功能示例
08-29
主要介绍了Android编程实现带有单选按钮和复选按钮的dialog功能,结合具体实例形式分析了Android实现带有单选按钮的dialog对话框及带有复选按钮的dialog对话框相关操作技巧,需要的朋友可以参考下
Swing常用组件之单选按钮和复选框
09-02
在Java Swing库中，开发用户界面时，常常会用到各种组件，如单选按钮（JRadioButton）和复选框（JCheckBox）。这两个组件在创建用户交互界面时扮演着重要的角色，允许用户进行有限的选择。 首先，让我们深入了解`...
C# 自定义控件 自定义单选按钮和复选按钮
08-24
本话题主要聚焦于如何自定义单选按钮（RadioButton）和复选按钮（CheckBox）。这两种控件在日常开发中广泛应用于用户交互，为用户提供了一种选择和确认信息的方式。 首先，自定义控件通常涉及到以下几个方面： 1. ...
iview 给radio单选按钮绑定点击事件
PrimaryColor
01-20 1192
我们可以用行内标签span包裹单选按钮，这样点击单选按钮的时候，事件会网上依次传递，也就会触发span标签的点击事件。 代码： <span @click="toggleAuthor('system')"> <Radio :value="box.author=='system'">系统</Radio> </span> 其他：插槽里面绑定事件，只能点击文本，所以不推荐。 ...
单选按钮的点击事件
shenxiaomo1688的博客
06-26 1万+
单选按钮的点击事件： HTML代码： &lt;td width="15%" class="td_title"&gt;按设备或医生&lt;/td&gt; &lt;td&gt; &lt;input type="radio" id="sMachineCode" name="choice" value='1' checked=&
单选（radio）按钮点击事件
来 开个坑。。
04-09 2万+
Jquery Mobile的单选按钮样式： 代码： div id="radio-button-div" style="display: inline;"> fieldset data-role="controlgroup" data-type="horizontal" style="text-align: center; height: 50px;"> input type="ra
Javascript 单选按钮 ratio 选择事件
潘广宇的博客
07-26 3707
如现在两个单选按钮： <input type="radio" name="open_type" value="0" checked> A <input type="radio" name="open_type" value="1"> B 现需要选择A弹出A对应的value，选择B弹出B对应的value $("input[name='open_type']").ch...
单选框 change 事件 。 单选框点击事件，切换不同的table。
要成长的小白
04-06 2万+
jQuery change 事件 ： $(function(){ $("input:radio[name:sheetType]").change(function(){ var v = $(this).val(); if (v =="1") { $("table1").show(); $("table2").hide();   }else{ $("table1").
layui之 给checkbox添加点击事件
qq_39835505的博客
05-19 2951
参考网址 https://blog.csdn.net/hmily43/article/details/107186235 解决 全选 行为 页面中 <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 --> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</lab

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ヾ凉秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值