htmlradio多选选中事件,html中的checkbox和radio事件选择⽤
法详解
radio注册了click事件以后,神奇的是⽤键盘上的上下左右选择时,居然会触发⿏标事件,滚轮也会触发,这种神奇的事情在mousedown 下⾯是不会发⽣的。(webkit不能使⽤上下左右选择)
checkbox注册click事件后,奇迹再次上演,当我们⽤空格选中checkbox时,神奇的click事件再次触发,⽽mousedown再次与奇迹擦⾝⽽过。(webkit还是不能⽤空格选择)
让我们都⽤click吧,给这两位⽼兄减负吧,不要为了他们先天不⾜给他们绑定⼀堆事件了,对于这两个家伙click才是万能的。膜拜⼀下~~~
htmlradio的text出不来在⽤表单设计调查表时,为了减少⽤户的操作,使⽤选择框是⼀个好主意,在HTML的标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项⽤户只能选择⼀项,⽽复选框中的选项⽤户可以任意选择多项,甚⾄全选。请看下⾯的例⼦:
下⾯给出这个例⼦的源代码,结合代码来讲各参数的设置:
你是否喜欢旅游?请选择: 喜欢
不喜欢
⽆所谓
您对那些运动感兴趣,请选择: 跑步
打球
登⼭
健美
从上⾯的源代码中可看出,制作单选框只要把标记的type参数设置为type="radio"就⾏了;⽽制作复选框则只要把标记的type参数设置为type="checkbox"就⾏了。⾄于实际应⽤中⽤那种选择框,要根据实际需要⽽定。若只需⽤户有⼀种选择的,就⽤单选框,如本例中“你是否喜欢旅游?”这个问题,⽤户只能是⼀种选择,所以采⽤了单选框;若允许⽤户有多项选择的内容,则采⽤复选框,如本例中的“你对那些运动感兴趣?”这个问题,因⼀个⼈的兴趣可能是多⽅⾯的,所以采⽤了复选框。
在标记中设定checked参数,则该选框就被默认选中。如本例的第⼀个单选框(“喜欢”下⾯那个单选框)就设置为默认选中,这样⽤户若是想选择“喜欢”的话,就可以不⽤再选了,当然,若⽤户要选择了“不喜欢”,则只要点击“不喜欢”下的那单选框,⽽默认值被⾃动取消。⽤同样的⽅法也可以设置某个复选框为默认被选中。但是复选框的默认选中不可滥⽤,否则会引起⽤户的反感。
在radio⾥⾯千万要注意记得把所有的这个对象的name属性都设为相同的,⽐如说上例的 name="radiobutton" ,记住不是ID属性,只有这样才能实现单选的效果,不然的话上⾯例⼦的‘喜欢'、‘不喜欢'、‘⽆所谓'就可以同时选上了,切记!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论