位置: 编程技术 - 正文

HTML复选框和单选框 checkbox和radio事件介绍(html复选框和单选框区别在哪)

编辑:rootadmin

checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些: radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的。(webkit不能使用上下左右选择) checkbox注册click事件后,奇迹再次上演,当我们用空格选中checkbox时,神奇的click事件再次触发,而mousedown再次与奇迹擦身而过。(webkit还是不能用空格选择) 让我们都用click吧,给这两位老兄减负吧,不要为了他们先天不足给他们绑定一堆事件了,对于这两个家伙click才是万能的。膜拜一下~~~ 在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在HTML的<input>标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚至全选。请看下面的例子: 下面给出这个例子的源代码,结合代码来讲各参数的设置: <form name="form1" > 你是否喜欢旅游?请选择: 您对那些运动感兴趣,请选择: 从上面的源代码中可看出,制作单选框只要把<input>标记的type参数设置为type="radio"就行了;而制作复选框则只要把<input>标记的type参数设置为type="checkbox"就行了。至于实际应用中用那种选择框,要根据实际需要而定。若只需用户有一种选择的,就用单选框,如本例中“你是否喜欢旅游?”这个问题,用户只能是一种选择,所以采用了单选框;若允许用户有多项选择的内容,则采用复选框,如本例中的“你对那些运动感兴趣?”这个问题,因一个人的兴趣可能是多方面的,所以采用了复选框。 在<input>标记中设定checked参数,则该选框就被默认选中。如本例的第一个单选框(“喜欢”下面那个单选框)就设置为默认选中,这样用户若是想选择“喜欢”的话,就可以不用再选了,当然,若用户要选择了“不喜欢”,则只要点击“不喜欢”下的那单选框,而默认值被自动取消。用同样的方法也可以设置某个复选框为默认被选中。但是复选框的默认选中不可滥用,否则会引起用户的反感。 在radio里面千万要注意记得把所有的<input type='radio'>这个对象的name属性都设为相同的,比如说上例的 name="radiobutton" ,记住不是ID属性,只有这样才能实现单选的效果,不然的话上面例子的‘喜欢'、‘不喜欢'、‘无所谓'就可以同时选上了,切记!

推荐整理分享HTML复选框和单选框 checkbox和radio事件介绍(html复选框和单选框区别在哪),希望有所帮助,仅作参考,欢迎阅读内容。

HTML复选框和单选框 checkbox和radio事件介绍(html复选框和单选框区别在哪)

文章相关热门搜索词:html表单中复选框,html复选框代码怎么写,html复选框单选框,html复选框和单选框区别在哪,html复选框和单选框区别在哪,html复选框和单选框区别在哪,html复选框单选框,html复选框单选,内容如对您有帮助,希望把文章链接给更多的朋友!

js遍历td tr等html元素 functioncheckuser(obj){varobj=window.event.srcElement;varrow=obj.parentElement.parentElement;varvalue=row.cells[0].all[0].value;varitem=value.split("|");alert(item);if(item.length1){if(item[0]=="org")

javaScript复制功能调用实现方案 验证码:inputtype="text"id="code"/inputtype="button"value="复制"onclick="fuzhi()"scripttype="text/javascript"functionfuzhi(){varcodeVal=jQuery("#code").val();alert(codeVal);if(navigator.userAgent.

js onkeypress与onkeydown 事件区别详细说明 onkeypress和onkeydown是有区别,下面将讲解onkeypress与onkeydown事件的区别。onkeypress事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭

标签: html复选框和单选框区别在哪

本文链接地址:https://www.jiuchutong.com/biancheng/379183.html 转载请保留说明!

上一篇:日历查询的算法 如何计算某一天是星期几(日历查询的算法怎么写)

下一篇:js遍历td tr等html元素(js遍历获取指定数据)

  • 分公司上交总公司营业款如何记账
  • 农产品 税率
  • 事业单位无形资产摊销年限
  • 研发项目增值税税率
  • 工会支出发票抬头是企业名称可以吗
  • 合并会计报表调整分录
  • 固定资产清理后卡片如何处理
  • 转租收入怎样缴税
  • 公司注册前发生费用没有发票怎么办
  • 产品置换广告费
  • 固定资产折旧成本费用科目
  • 企业发生销售折扣的原因有
  • 电视机在开票中属于哪一类
  • 跨月冲红的发票怎么做账
  • 汽车折旧年限与什么有关
  • 什么样的应税行为可以扣除
  • 有没有薪酬
  • 所得税预缴资产怎么算
  • 对公给个人转账可以写成什么
  • 开通分期付款
  • 录入凭证利息收入负数怎么录入?
  • 公司作为二房东怎么给别人开发票
  • dwg文件怎么打开
  • 王者荣耀中如何隐藏贵族标志
  • 连接另外一个设备
  • 长期股权投资的账务处理
  • 基准收益率是
  • 银行承兑汇票背书会计分录
  • 员工报销款应该挂什么科目
  • 不动产投资包括哪些
  • 印花税计税依据及计算方式
  • win11怎么提高运行内存
  • 表单提交错误后怎么撤销
  • 多收不用退的货物怎么办
  • 公司出租房屋租金由承租方本人支付
  • windows7如何制表
  • 政府财政会计核算基础是什么
  • 长期债券投资业务处理
  • 支付工资属于费用吗
  • nginx加php
  • 已领待用物资
  • 支付税务罚款
  • 负债大于资产能贷款吗
  • 注意力机制加在CNN的什么位置
  • 全连接神经网络是什么意思
  • 增值税进项税加计抵减
  • 增值税普通发票查询真伪
  • 专票作废扣税吗
  • 公司油票发票信息怎么查
  • 即征即退 条件
  • sqlserver获取uuid
  • 应税消费品含税吗
  • 食堂的帐怎么做
  • 研发废料收入会计科目
  • 特殊销售方式下销售额的确定
  • 公司账户可以转个人支付宝吗
  • 公司返聘退休人员的员工比例有没有规定
  • 对公户收到一笔款怎么做账处理了?
  • 工资全扣是什么意思
  • sql有哪些语句
  • SQL Server 2008 到底需要使用哪些端口?
  • MySQL 与 Elasticsearch 数据不对称问题解决办法
  • mysql修改默认端口方法
  • win7桌面和win10桌面
  • win8如何修改文件权限
  • 电脑如何将win10设置为win7
  • 什么是边角料
  • win7系统电脑怎么开热点
  • json的parseobject
  • js setmap
  • 枚举的内容怎么输出
  • js数组的操作指令有哪些
  • android教程下载
  • 天津税务局发票查询
  • 广西税务怎么交城乡养老保险
  • 广东电子税务局电话
  • 国家税务总局公告2023第12号
  • 如何在广东省电子税务局开发票
  • 如何在国税电子税务平台为员工办理定制社保卡
  • 契税补贴网上申请
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设