html中radio选择改变事件,单选框radio改变事件详解(用的jquery的radio的change事件)...

单选框radio改变事件详解(用的jquery的radio的change事件)

一、总结

1、用的jquery的radio的change事件:当元素的值发生改变时,会发生 change 事件,radio选择不同选项的时候恰巧是值发生改变。

二、单选框radio改变事件详解

Allot

Transfer

$(document).ready(function() {

$('input[type=radio][name=bedStatus]').change(function() {

if (this.value == 'allot') {

alert("Allot Thai Gayo Bhai");

}

else if (this.value == 'transfer') {

alert("Transfer Thai Gayo");

}

});

});

三、单选框选择不同的选项登录的账号密码自动改变

html中radio选择改变事件,单选框radio改变事件详解(用的jquery的radio的change事件)..._第1张图片

html中radio选择改变事件,单选框radio改变事件详解(用的jquery的radio的change事件)..._第2张图片

Student

Teacher

提交

js

$(document).ready(function() {

$('input[type=radio][name=status]').change(function() {

if (this.value == '0') {

$("#username").val("student");

$("#password").val("student");

}

else if (this.value == '1') {

$("#username").val("teacher");

$("#password").val("teacher");

}

});

});

Android 广播大全 Intent Action 事件详解

Android 广播大全 Intent Action 事件详解 投稿:mrr 字体:[增加 减小] 类型:转载 时间:2015-10-20我要评论 这篇文章主要给大家介绍Android 广播大全 In ...

DOM——事件详解

事件 事件:触发-响应机制 事件三要素 事件源:触发(被)事件的元素 事件名称: click 点击事件 事件处理程序:事件触发后要执行的代码(函数形式) 事件的基本使用  var box = docu ...

JavaScript事件详解-Zepto的事件实现(二)【新增fastclick阅读笔记】

正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...

JavaScript事件详解-zepto的事件实现

zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto.整个event模块不长,274行,我们 ...

【转载】C# 中的委托和事件(详解:简单易懂的讲解)

本文转载自http://www.cnblogs.com/SkySoot/archive/2012/04/05/2433639.html C# 中的委托和事件(详解) C# 中的委托和事件 委托和事件在 ...

用css实现html中单选框样式改变

我们都知道,input的单选框是一个小圆框,不能直接更改样式.但是我们在很多网页中看到的单选框样式可不仅限于默认的那个样式(看上去没啥新意,也比较丑).那么,接下来我将介绍下如何实现该功能. 首先, ...

SQL Server 默认跟踪(Trace)捕获事件详解

SQL Server 默认跟踪 -- 捕获事件详解 哪些具体事件默认跟踪文件能够捕获到? --returns full list of events SELECT * FROM sys.trace_e ...

react第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制)

第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制) 课程目标 深入理解和掌握事件的冒泡及捕获机制 理解react中的合成事件的本质 在react组件中合理的使用原生事件 ...

JavaScript事件详解-jQuery的事件实现(三)

正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...

随机推荐

Android事件分发传递

一.与触摸事件有关的几个方法 boolean dispatchTouchEvent(MotionEvent ev); 接收到触摸事件时,是否分发事件到下面的View 返回true:分发触摸事件 返回f ...

常用js方法

function dateGetter(name, size, offset, trim) { offset = offset || 0; return function (date) { var v ...

[WEB API] CLIENT 指定请求及回应格式(XML/JSON)

[Web API] Client 指定请求及响应格式(xml/json) Web API 支持的格式请参考 http://www.asp.net/web-api/overview/formats-an ...

elasticsearch最佳实践

创建索引 无mapping 创建索引名称为index的索引 curl -XPUT http://localhost:9200/book 有mapping 如果需要定义每个类型的结构映射,创建type名 ...

UI 滑动面板的移动控制

通过拖拽的方式移动面板,在单个界面看到多个视图面板 需要导入UnityEngine.EventSystems;    事件命名空间 进而继承两个重要的接口IBeginDragHandler,IDrag ...

Educational Codeforces Round 54 ---1076ABCDE

1076A---Minimizing the String[字符串] http://codeforces.com/contest/1076/problem/A 题意: 删掉字符串中的一个字符使得得到的 ...

XAMPP设置tomcat自启动时,报无效的Win32程序

最近给一个客户开发了一套系统,需要在内网中部署.系统是Java + Tomcat7 + mysql开发的. 考虑到客户内网不能上网的情况下,想使用XAMPP的便捷性,给客户进行部署.因为只需要Tomc ...

如何使用Win+R快捷键打开自定义程序

鉴于大家对于提高效率这块有争议,更改了下标题. 大家平时一定都使用过Win+R运行快捷键, 在运行里可以快捷的打开一些系统软件,比如说输入mstsc是打开远程连接,输入explorer是打开文件管理器 ...

UUID生成工具

public class UUIDUtils { private static SecureRandom SEEDER_STATIC = null; private static byte[] ADD ...

MSSQL中数据库对象类型解释

public string GetObjectTypeName(object oType) { switch (oType+"") { case "U": re ...

你可能感兴趣的:(html中radio选择改变事件,单选框radio改变事件详解(用的jquery的radio的change事件)...)