checkbox注冊(cè)click事件后，奇跡再次上演，當(dāng)我們用空格選中checkbox時(shí)，神奇的click事件再次觸發(fā)，而mousedown再次與奇跡擦身而過。（webkit還是不能用空格選擇）

讓我們都用click吧，給這兩位老兄減負(fù)吧，不要為了他們先天不足給他們綁定一堆事件了，對(duì)于這兩個(gè)家伙click才是萬能的。膜拜一下~~~

在用表單設(shè)計(jì)調(diào)查表時(shí)，為了減少用戶的操作，使用選擇框是一個(gè)好主意，在HTML的 input 標(biāo)記中有兩種選擇框，即單選框和復(fù)選框，兩者的區(qū)別是單選框中的選項(xiàng)用戶只能選擇一項(xiàng)，而復(fù)選框中的選項(xiàng)用戶可以任意選擇多項(xiàng)，甚至全選。請(qǐng)看下面的例子:

下面給出這個(gè)例子的源代碼，結(jié)合代碼來講各參數(shù)的設(shè)置:
form name= form1
你是否喜歡旅游？請(qǐng)選擇：

 input type= radio name= radiobutton html' target='_blank'>value= radiobutton checked 喜歡  input type= radio name= radiobutton value= radiobutton 不喜歡  input type= radio name= radiobutton value= radiobutton 無所謂 br 

您對(duì)那些運(yùn)動(dòng)感興趣，請(qǐng)選擇：

 input type= checkbox name= checkbox1 value= checkbox 跑步  input type= checkbox name= checkbox2 value= checkbox 打球  input type= checkbox name= checkbox3 value= checkbox 登山  input type= checkbox name= checkbox4 value= checkbox 健美 br 

從上面的源代碼中可看出，制作單選框只要把 input 標(biāo)記的type參數(shù)設(shè)置為type= radio 就行了;而制作復(fù)選框則只要把 input 標(biāo)記的type參數(shù)設(shè)置為type= checkbox 就行了。至于實(shí)際應(yīng)用中用那種選擇框，要根據(jù)實(shí)際需要而定。若只需用戶有一種選擇的，就用單選框，如本例中“你是否喜歡旅游?”這個(gè)問題，用戶只能是一種選擇，所以采用了單選框;若允許用戶有多項(xiàng)選擇的內(nèi)容，則采用復(fù)選框，如本例中的“你對(duì)那些運(yùn)動(dòng)感興趣?”這個(gè)問題，因一個(gè)人的興趣可能是多方面的，所以采用了復(fù)選框。

在 input 標(biāo)記中設(shè)定checked參數(shù)，則該選框就被默認(rèn)選中。如本例的第一個(gè)單選框(“喜歡”下面那個(gè)單選框)就設(shè)置為默認(rèn)選中，這樣用戶若是想選擇“喜歡”的話，就可以不用再選了，當(dāng)然，若用戶要選擇了“不喜歡”，則只要點(diǎn)擊“不喜歡”下的那單選框，而默認(rèn)值被自動(dòng)取消。用同樣的方法也可以設(shè)置某個(gè)復(fù)選框?yàn)槟J(rèn)被選中。但是復(fù)選框的默認(rèn)選中不可濫用，否則會(huì)引起用戶的反感。

在radio里面千萬要注意記得把所有的 input type= radio 這個(gè)對(duì)象的name屬性都設(shè)為相同的，比如說上例的 name= radiobutton ，記住不是ID屬性，只有這樣才能實(shí)現(xiàn)單選的效果，不然的話上面例子的‘喜歡 、‘不喜歡 、‘無所謂 就可以同時(shí)選上了，切記!

以上就是html中的checkbox和radio事件選擇用法詳解的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。