php 单选框选中事件,html中的checkbox和radio事件选择用法详解

radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的。(webkit不能使用上下左右选择)

checkbox注册click事件后,奇迹再次上演,当我们用空格选中checkbox时,神奇的click事件再次触发,而mousedown再次与奇迹擦身而过。(webkit还是不能用空格选择)

让我们都用click吧,给这两位老兄减负吧,不要为了他们先天不足给他们绑定一堆事件了,对于这两个家伙click才是万能的。膜拜一下~~~

在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在HTML的标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚至全选。请看下面的例子:

下面给出这个例子的源代码,结合代码来讲各参数的设置:

你是否喜欢旅游?请选择: 喜欢

不喜欢

无所谓

您对那些运动感兴趣,请选择: 跑步

打球

登山

健美

从上面的源代码中可看出,制作单选框只要把标记的type参数设置为type="radio"就行了;而制作复选框则只要把标记的type参数设置为type="checkbox"就行了。至于实际应用中用那种选择框,要根据实际需要而定。若只需用户有一种选择的,就用单选框,如本例中“你是否喜欢旅游?”这个问题,用户只能是一种选择,所以采用了单选框;若允许用户有多项选择的内容,则采用复选框,如本例中的“你对那些运动感兴趣?”这个问题,因一个人的兴趣可能是多方面的,所以采用了复选框。

在标记中设定checked参数,则该选框就被默认选中。如本例的第一个单选框(“喜欢”下面那个单选框)就设置为默认选中,这样用户若是想选择“喜欢”的话,就可以不用再选了,当然,若用户要选择了“不喜欢”,则只要点击“不喜欢”下的那单选框,而默认值被自动取消。用同样的方法也可以设置某个复选框为默认被选中。但是复选框的默认选中不可滥用,否则会引起用户的反感。

在radio里面千万要注意记得把所有的这个对象的name属性都设为相同的,比如说上例的 name="radiobutton" ,记住不是ID属性,只有这样才能实现单选的效果,不然的话上面例子的‘喜欢'、‘不喜欢'、‘无所谓'就可以同时选上了,切记!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/445771.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java水文模型,分布式水文模型.ppt

分布式水文模型ppt课件第九章分布式水文模拟技术 第九章 分布式水文模拟技术 9.1 分布式水文模型的发展 9.1.1 分布式水文模型的研究进展 9.1.1.2 几点讨论 9.1.2 分布式水文模型的发展 9.2 基于DEM的流域分布式水文模型 9.2.1 流域水文过程及其数学模拟 流域水循环过程示意图 …

php 实现的n,php 实现数据N等分。

本例给出实现3等分的代码和运行结果。在保证&#xff0c;每一个部分都不会宕机的情况下&#xff0c;这种算法是最简单的。否则就用一致性哈希算法。公式原理&#xff1a;求余算法: hash(object)%Nfor($i 1;$i<100;$i){$result crc32($i) % 3;echo "i:".$i . &qu…

ccf json解析 java,【求助】e4a json解析 求助大佬帮忙老看下怎么取?

[PHP] 纯文本查看 复制代码[{"title":"\u4e1c\u98ce\u7834","url":"\/tv\/QrRobH7kTGTqNX.html","star":"\u4e3b\u6f14\uff1a\u5f20\u7b11\u541b \u5f20\u94ce \u725b\u4e3d\u71d5 \u5218\u5c0f\u950b \u68a6\u6960&qu…

java 场景处理,将黄瓜场景示例作为一个场景处理

我遇到了Cucumber的问题 - 现在我正在进行移动自动化&#xff0c;并且我有使用场景轮廓的功能 - 我在场景中有一些变量&#xff1a;场景大纲&#xff1a;菜单项Given the user is on the hamburger menuAnd the language is Then menu item is Examples:| menu item | language…

mysql 5.5.23 winx64,win10下mysql 5.7.23 winx64安装配置方法图文教程

本文记录了mysql 5.7.23 winx64安装教程&#xff0c;具体内容如下Step1选择手动下载版本解压到自己指定的路径上图中的my.ini及data文件夹在压缩包里是没有的&#xff0c;后面需要自己添加my.ini如下&#xff0c;直接copy~然后在目录下创建一个data文件夹Step2设置环境变量电脑…

php if !=,php If else 用法

PHP的&#xff0c;如果声明是非常类似于其他编程语言使用if语句&#xff0c;但对于那些谁不熟悉它&#xff0c;图片如下&#xff1a;想想你的决定作出之前&#xff0c;你去睡觉。如果你有这样做的第二天&#xff0c;说去上班&#xff0c;上学&#xff0c;或任用&#xff0c;那么…

matlab生成均匀部分散点图,应用halton序列生成均匀散点图

前言一门课的作业要用RBF-DQ方法计算流场。简单来讲就是要在无网格的条件下用高精度格式实现流场的仿真计算。生成散点图时&#xff0c;用蒙特卡洛的方法得到的散点图分布不是很均匀&#xff0c;于是想到一种叫做halton的序列。本篇将运用halton序列生成均匀的散点图。halton序…

php分页页数过多隐藏,织梦DEDE中内容页分页数目太多时隐藏方法

在dede程序的文章或图集模型&#xff0c;内容页分页过多&#xff0c;假如分页80页&#xff0c;那么dede默认的内容分页标签{dede:pagebreak/}会把所有的分页都显示出来&#xff0c;这样会撑破网页模板&#xff0c;即使使用css控制可以解决这个撑破模板问题&#xff0c;用overfl…

nginx php 跨域访问权限,nginx + php 实现跨域请求填坑笔记

最近自己构建了一个轻量级的 MVC 框架&#xff0c;现在将该MVC用于生产环境的项目中&#xff0c;目前因为项目中有跨域的请求&#xff0c;所以需要做一些CORS授权&#xff0c;但在实际使用出现了一些问题&#xff0c;目前已解决&#xff0c;故做下记录。服务器&#xff1a;cent…

python 内存溢出能捕获吗,Python——写自己的异常(形成强大的捕捉和处理能力)...

"""1、编写自己的异常时&#xff0c;通常是继承Exception2、如果继承的是BaseException&#xff0c;那么就不会被通用的except Exception捕捉到3、自己定义的异常Python不会自动触发&#xff0c;需要自己触发&#xff0c;用raise进行触发4、python只会自动触发它…

解决动态规划问题4步曲

概述 &#xff08;确定状态&#xff09;确定问题状态 提炼最后一步子问题转化 &#xff08;求得方程&#xff09;转移方程&#xff0c;把问题方程化&#xff08;设初置界&#xff09;按照实际逻辑设置初始条件和边界情况&#xff08;确序再解&#xff09;确定计算顺序并求解 …

php ajax队列,AJAX请求队列实现

这篇文章主要为大家详细介绍了AJAX请求队列的实现代码,具有一定的参考价值&#xff0c;感兴趣的小伙伴们可以参考一下AJAX在使用的过程中会遇到一个问题&#xff0c;当用户短时间内执行了多个异步请求的时候&#xff0c;如果前一个请求没完成&#xff0c;将会被取消执行最新的一…

php Spreadsheet 导出,PhpSpreadsheet 导出Excel

/*** Excel 助手* sudo composer require phpoffice/phpspreadsheet*/namespace CommonUtil;use PhpOfficePhpSpreadsheetSpreadsheet;use PhpOfficePhpSpreadsheetWriterXlsx;use PhpOfficePhpSpreadsheetStyleAlignment;use PhpOfficePhpSpreadsheetStyleColor;class ExcelUt…

php 不同时区时间转换,在PHP中将DateTime字符串转换为不同的时区

好吧,我有以下代码$from "Asia/Manila";$to "UTC";$org_time new DateTime("2012-05-15 10:50:00");$org_time $org_time->format("Y-m-d H:i:s");$conv_time NULL;$userTimezone new DateTimeZone($from);$gmtTimezone new…

php iis ajax 无效,IIS7中Ajax.AjaxMethod无效的原因及解决方法

最近做用Ajax.AjaxMethod方法的时候&#xff0c;在asp.net的服务器下一切正常&#xff0c;用iis的时候&#xff0c;js中总是cs类找不到&#xff0c;我就郁闷了&#xff0c;折腾了大半天&#xff0c;终于找到错误原因了。因为我发布网站用的是iis7&#xff0c;所以在web.config位…

查看oracle监听服务器,处理Oracle 监听文件listener.log问题

如果连接时候变得较慢 查看Oracle日志记录&#xff0c;可能是因为此文件太大&#xff0c;超过2G&#xff0c;需要定期清理&#xff0c;(如果多用户&#xff0c;记得用root&#xff0c;可能没权限)查看listener.log&#xff1f;find / -name listener.log经查看&#xff0c;竟然…

oracle添加伪列,Oracle伪列 - jifengtang的个人空间 - OSCHINA - 中文开源技术交流社区...

在oracle10g和下&#xff0c;伪列包括如下内容&#xff1a;lHierarchical Query Pseudocolumns分级查询是oracle提供的递归查询语法&#xff0c;在这里不做展开。只有在分级查询下&#xff0c;才可以使用以下伪列&#xff1a;1.CONNECT_BY_ISCYCLE Pseudocolumn2.CONNECT_BY_IS…

美国oracle球场,美国体育馆考察——美国体育产业是如何盈利的?

体育是美国一项较高利润的产业&#xff0c;其发展规模、发展水平和效益都是世界一流的。美国体育馆考察&#xff0c;主要考察美国体育产业的盈利模式和体育赛事的赞助模式以及球馆的运营管理&#xff0c;并对比中美体育产业的差异&#xff0c;从中获得先进的体育产业运营思维&a…

php集成环境怎么打开,PHP集成开发环境PhpStorm快速入门指南(二):打开一个项目...

PhpStorm是一个轻量级且便捷的PHP IDE&#xff0c;其旨在提高用户效率&#xff0c;可深刻理解用户的编码&#xff0c;提供智能代码补全&#xff0c;快速导航以及即时错误检查。可随时帮助用户对其编码进行调整&#xff0c;运行单元测试或者提供可视化debug功能。PhpStorm 2019.…

如何查询oracle最近报警信息,教你怎样用Oracle方便地查看报警日志错误

在网上查了几天的资料&#xff0c;尝试综合清除告警日志内容及建外部表的方式来解决这一问题。一&#xff1a;备份并清除告警日志内容将每天的告警日志备份好&#xff0c;然后进行清除。1:备份报警日志在$ORACLE_HOME/SID/bdump/ 目录下&#xff0c;按日期备份alert_ORACLE_你…