html中的单选按钮radio如何实现可同时选中多个值进行表单提交
2017-08-19 20:13
766 查看
为了便于学习,我们将单选按钮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);
?>
具体代码如下:
****************************************************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);
?>
相关文章推荐
- html中点击radio后的文字相当于选中该单选按钮如何实现?怎么实现两个redio,选中一个,取消另一个?
- js实现不提交表单获取单选按钮值的方法
- HTML中Radio单选按钮不能选中问题
- android studio 如何实现RadioBotto和RadioGroup来实现单选按钮的选择
- js实现不提交表单获取单选按钮值的方法
- html实现radio按钮选中后显示输入框和提示
- 表单中有一个搜索框,有两个radio条件选择,选中第一个时点击提交按钮时就跳转到zs_search.jsp搜索页面,
- 一组单选按钮radio如何进行控制
- HTML提交表单用户选择的头像如何利用<select>标签提交到PHP并连接数据库进行存读操作
- html(jsp)如何实现对form提交前进行确认
- HTML的radio单选按钮实现男、女性别只能选择一个
- radio单选按钮选中时当前页面实现跳转
- html基础-表单控件、密码框、单选按钮、复选框、多行文本框、下拉列表、按钮(提交、图片、重置)
- html+javascript如何在表单数据提交之前进行友好提示
- jQuery如何获取选中单选按钮radio的值
- jquery实现表单中选择框/选中按钮是否选中遍历检查(提交页面中选择题答案)
- 一组单选按钮radio如何进行控制
- jquery实现html中单选按钮的切换选中
- html中 如何使用 Javascript 实现防止表单反复提交
- jQuery如何获取选中单选按钮radio的值