php 如何获取复选框的多个值,并且不被覆盖

首先:html复选框表单 ,name=‘hobby[]‘; 这样添加的是数组,能添加无数个.[] [] []很重要

<div>
                    <p>爱好:</p>
                    <span>
                    英雄联盟:<input type="checkbox" name="hobby[]" value="英雄联盟" id="">&nbsp;&nbsp;&nbsp;
                    王者荣耀:<input type="checkbox" name="hobby[]" value="王者荣耀" id="" >&nbsp;&nbsp;&nbsp;
                    刀塔:<input type="checkbox" name="hobby[]" value="刀塔" id="" >
                    </span>
                </div>

再来 php获取表单部分:使用implode()函数,把数组转变成字符串,然后存进数据库.就可以了

 $hobby = $_POST[‘hobby‘];
 $hobby_do = implode(‘,‘,$hobby);
 var_dump($hobby_do);exit;

提交前.

提交后.

完整代码:

<?php
include ‘public.php‘;

if(isset($_POST[‘token‘]) && $_POST[‘token‘] == ‘令牌号码‘ && !empty($_POST[‘name‘]))
{
    $name = $_POST[‘name‘];
    $hobby = $_POST[‘hobby‘];
    $hobby_do = implode(‘,‘,$hobby);
    var_dump($hobby_do);exit;
    $sql = "insert into hobby values(null,‘$name‘,‘$hobby_do‘)";

    if(mysqli_query($conn,$sql)){
        echo ‘插入成功id为‘.mysqli_insert_id($conn).‘的数据‘;
    }else{
        echo ‘没有数据‘;
    }
}else{
    echo ‘非法提交‘;
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加学生信息</title>
    <style>
        .adds-stu-wrap{
            width: 700px;
            height: auto;
            margin: 0 auto;
            margin-top: 100px;
        }
        .adds-stu{
            float: left;
            width: 100%;
            height: auto;
            background-color: #eee;
            padding: 15px 10px;
        }
        .adds-stu div{
            float: left;
            width: 100%;
            margin-bottom: 20px;
        }
        .adds-stu div>p{
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            text-align: right;

        }
        .adds-stu div>input{
            float: left;
            width: 260px;
        }
    </style>
</head>
<body>
    <div class="adds-stu-wrap">
    <h2 class="head" style="text-align:center">添加学生信息</h2>
        <div class="adds-stu">
            <form action="" method="post">
                <div>
                    <p>姓名:</p>
                    <input type="text" name="name" id="">
                </div>
                <div>
                    <p>爱好:</p>
                    <span>
                    英雄联盟:<input type="checkbox" name="hobby[]" value="英雄联盟" id="">&nbsp;&nbsp;&nbsp;
                    王者荣耀:<input type="checkbox" name="hobby[]" value="王者荣耀" id="" >&nbsp;&nbsp;&nbsp;
                    刀塔:<input type="checkbox" name="hobby[]" value="刀塔" id="" >
                    </span>
                </div>
                <div>
                    <button >提交</button>
                    <input type="hidden" name="token" value="令牌号码">
                </div>
            </form>
        </div>
    </div>
</body>
</html>

原文地址:https://www.cnblogs.com/xm666/p/11212467.html

时间: 2024-11-12 11:10:29

php 如何获取复选框的多个值,并且不被覆盖的相关文章

获取复选框中选中的值

function selectedservice() {           for(i=1;i<7;i++)           {               if ($("#inlineCheckbox" + i).is(':checked'))               {                   $("#SelectedService").val($("#inlineCheckbox" + i).val() + $(

jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值

做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交. 其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便,但是获取复选框和单选按钮的值确比较麻烦. 今天闲来无事封装了一个函数,以后获取复选框和单选按钮的值就只需要调用这个函数,传入jquery选择器就可以了,下面附上函数. 函数 /** * 获取单个或一组输入元素的选中项 * 传入Jquery选择器 * 支持:text,返回:文本 * 支持:hidden

jquery获取复选框checkbox的值

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) Js代码 收藏代码 //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋

Jquery获取复选框的方法

转自:http://blog.csdn.net/longyangyangyang/article/details/6128141 html代码: <input type="checkbox" name="test" value="0" />0   <input type="checkbox" name="test" value="1" />1   <inpu

js获取复选框值

//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,

JavaScript获取复选框的值

使用JavaScript获取复选框的值 <!DOCTYPE html> <html> <head> <meta charset="GBK"> <title>获取复选框的值</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script>

Jquery操作复选框(CheckBox)的取值赋值实现代码

赋值 复选框 CheckBox 遍历 取值 1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 复制代码 2. 获取多个checkbox选中项: $('input:checkbox').each(funct

PHP获取复选框的值

HTML代码: <p class="dc_input"><input class="radio" type="checkbox" name="check[]" value="1"/>复选框1</p> <p class="dc_input"><input class="radio" type="checkb

angularJs获取复选框中id 进行批量删除

主要思路:我们需要定义一个用于存储选中 ID 的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除.在点击删除按钮时需要用到这个存储了 ID 的数组.这里我们补充一下 JS 的关于数组操作的知识(1)数组的 push 方法:向数组中添加元素(2) 数组的 splice 方法:从数组的指定位置移除指定个数的元素 ,参数 1 为位置 ,参数2 位移除的个数(3)复选框的 checked 属性:用于判断是否被选中 具体代码: $scope.select