1. 程式人生 > >html中的單選按鈕radio如何實現可同時選中多個值進行表單提交

html中的單選按鈕radio如何實現可同時選中多個值進行表單提交

為了便於學習,我們將單選按鈕radio和複選框checkbox作對比:

具體程式碼如下:

****************************************************test.html檔案如下**************************************************************************

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
<style type="text/css">
	
</style>
</head>
<body>
<!--*************************單選按鈕***********************************-->
<form action="./test.php" method="post">
	<input type="radio" name="sex[1]" value="男" />男
	<input type="radio" name="sex[2]" value="女" />女
<!--*************************複選框按鈕***********************************-->
	<p><input type="checkbox" name="hobby[]" value="籃球" />籃球
	<input type="checkbox" name="hobby[]" value="足球" />足球
	<input type="checkbox" name="hobby[]" value="排球" />足球
	</p>
	<input type="submit" value="提交">
</form>
</body>
</html>
********************************************************test.php檔案如下**********************************************************************
<?php
header("content-type:text/html;charset=utf-8");
echo '<pre>';
var_dump($_POST);
?>