位置: 编程技术 - 正文

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遍历获取指定数据)

  • 总分公司企业所得税合并申报
  • 企业签订技术培训合同是否需要缴纳印花税?
  • 个税应纳税所得额计算公式
  • 交车险代收的车船费怎么做的科目呀?
  • 期初是什么
  • 被投资方宣告发放股票股利
  • 纳税申报现金流量表报错了可以重新申报吗
  • 固定资产在现金流量表中的体现
  • 企业股权融资方式有
  • 计提福利是什么
  • 集团子公司之间调拨固定资产
  • 进项发票当月不抵扣怎么入账
  • 企业财产保险费率的影响因素
  • 发票对方作废了,客户还可以认证么
  • 分公司不独立核算怎么报税
  • 交通卡定额发票购买
  • 资金筹集业务核算实训心得体会
  • 预提固定资产折旧费
  • 股权转让收到钱会计分录
  • 事业单位固定基金属于什么科目
  • 电子发票怎么冲红字
  • 用钱买的代金券怎么使用
  • 建筑工地伙食费会计分录
  • 回收站右键菜单修改
  • 苹果电脑mac系统怎么用
  • 贷款利率计算公式表格
  • 银行融资成本计算方法
  • 债券的到期收益率取决于
  • 酒店安装监控费用谁出
  • 如何更改文件的创建时间
  • phpadmin官网
  • pavkre.exe - pavkre是什么进程 作用是什么
  • 个人应纳税所得额是要交钱吗
  • 房地产企业营改增是哪一年
  • 机关事业单位购买茶叶违反什么规定
  • 普通发票冲红后还会有税吗
  • 高新企业的所得税
  • 开票和不开票的销项税额怎么算
  • 劳动报酬收入包含什么
  • 个人所得税逾期申报怎么办
  • 生产成本月末结转后有余额吗
  • 房产税的纳税义务人是征税范围内房屋产权所有人
  • 公司购买手表入什么科目
  • 当月购进原材料取得税控专用发票
  • 记账凭证核算处理方法
  • 含税金额和税额的关系
  • 给客户的回扣怎么表达
  • 两个其他应收款的区别
  • 如何收信用卡付款
  • 产品不符合要求
  • 增资扩股对原股东的影响
  • 一般纳税人增值税减免政策2023
  • 空调的折旧年限一般是多少年
  • 收到上市公司分红企业所得税减半征收的情景
  • 筹建期业务招待费的扣除标准
  • 结账后发现期间损益结转的凭证做错
  • 给职工发放的米面油记入什么
  • 期末留抵税额可以退税吗
  • 实收资本,资本公积,盈余公积
  • 平均净资产是什么意思
  • mysql安装配置教程5.7.25
  • windows许可证即将过期怎么办知乎
  • xp系统怎么提升性能
  • ubuntu16lts
  • linux 零拷贝技术
  • win7屏幕颜色变了怎么恢复
  • win7系统运行红警黑屏有声音
  • win7 32位旗舰版电脑城下载
  • linux的shm共享内存
  • bootstrap导航有哪些
  • cocos2dx在不同安卓机型下scrollview裁剪失败
  • android 多线程并发
  • bat文件加密如何解锁
  • python saga
  • android如何使用
  • 东莞市税务局稽查局
  • 2016年小微企业所得税标准
  • 上海税务开户
  • 自然人电子税务局web端怎么进入
  • 预到船舶是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设