radio 單選按鈕 選中多個

2019-7-8 11:28| 作者: admin| 查看: 1235| 評論: 0|來自: 螞蟻部落

關于radio單選按鈕的基本用法可以參閱HTML input radio 單選按鈕一章節。

既然是單選按鈕,那就是多個單選按鈕在同一時刻只能選中一個,比如對于性別的選擇。

但是有不少初學者反饋,代碼中的單選按鈕可以同時選中多項。

看如下簡單代碼實例:

[HTML] 純文本查看 復制代碼运行代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.arpjr.tw/" />
<title>螞蟻部落</title>
<style>
input{
  width:30px;
  height:30px;
  border:1px dotted blue;
}    
</style>    
</head>
<body>
<input type="radio" name="a"/>
<input type="radio" name="b"/>
<input type="radio" name="c"/>
</body>
</html>

代碼運行演示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201907/08/112927xxcpxb6v5x5cce8k.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

可以看到三個單選按鈕竟然能夠被同時選中,難道定義是錯誤的。

其實并非如此,代碼簡單分析如下:

(1).name相同的單選按鈕被視為一組。

(2).同一組單選按鈕中只能有一個被同時選中。

(3).但是上述代碼中,name屬性值各不相同,所以可以被同時選中。

(4).如果將它們的name屬性值改為同一個,那么此時只能有一個被選中。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
大圣捕鱼2 今天福彩三d字谜汇总 辽宁福彩12选五走势图百度 云南时时五星和值 中国老时时 宝马论坛133222免费料 中国福彩新快3 香港马走势图 秒速时时开挂软件 重庆时时彩开奖预测软件 云南11选5开奖结果 浙江快乐12一定牛 排列五近30期走势 广东快乐10分开奖记录 浙江省12选5任五遗漏 赛车时时彩平台哪个好 北京赛pk10公告