获取多个复选框的值

最新推荐文章于 2022-11-14 00:15:30 发布

zhouwen5288

最新推荐文章于 2022-11-14 00:15:30 发布

阅读量499

点赞数

文章标签： input 测试 action javascript server null

本文链接：https://blog.csdn.net/zhouwen5288/article/details/6493777

版权

1，JS方式（通用！）

<html><head><title>测试页面</title>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
请选择：
<input type="checkbox" value="值1" name="chb">测试1
<input type="checkbox" value="值2" name="chb">测试2
<input type="checkbox" value="值3"name="chb">测试3<br>
<input type="hidden" name="chbvalue">
<input type="submit" value="提交" onClick="getvalue();">
</form>
<?php
if(null!=$_POST["chbvalue"]){
$chbvalue=$_POST["chbvalue"];
$arrvalue=explode(",",$chbvalue); //分割隐藏域的值
echo "选中值为：";
foreach($arrvalue as $v){
echo $v."/t";
}
}
?>
</body>
<script language="javascript" type="text/javascript">
function getvalue(){
var chb=document.getElementsByName("chb"); //注意复选框的name属性都相同
var chbvalue=document.getElementById("chbvalue");
for(i=0;i<chb.length;i++){
if(chb[i].checked)
chbvalue.value+=chb[i].value+","; //设置隐藏域的值为复选框的值+，
}
}
</script>
</html>

2，数组方式

<html><head><title>测试页面</title>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
请选择：
<input type="checkbox" value="值1" name="chb[]">测试1
<input type="checkbox" value="值2" name="chb[]">测试2
<input type="checkbox" value="值3"name="chb[]">测试3<br>
<input type="hidden" name="chbvalue">
<input type="submit" value="提交" onClick="getvalue();">
</form>
<?php
if(null!=$_POST["chb"]){
$chb=$_POST["chb"]; //注意复选框name属性为数组
foreach($chb as $v){
echo $v."/t";
}
}
?>
</body>
</html>