PHP 必需复选框字段 - PHP required checkbox field

我有一个带有多个复选框的表单。我想允许用户在每个复选框字段中至少选择 1，如果用户不选中复选框中的任何选项，将显示一条消息"您必须至少选择一个"。我该怎么做？我这里有一些我的代码：

<div>
    <div><span class="font-2">Categories:</span></div>
</div>
<div class = "addinfo">
    <?php $categories = array('Breakfast', 'Lunch', 'Dinner', 'Snack', 'Grill', 'Buffet', 'Fast Food');
          $values = explode(',' , $row['categories']);
    ?>
    <?php foreach($categories as $category) {
        $cat='';
        foreach($values as $value){
        if($value == $category){
        $cat ="checked";    
    }
    ?>
    <input <?php echo $cat ?> type="checkbox" name="category[]" value="<?php echo $category?>"><?php echo $category?><br>
    <?php } 
    }?>
</div>

形式

<form method = "POST" action = "<?php echo base_url().'/index.php/AdminController/operation'?>">

管理控制器

public function addResto(){
    $this->load->model('AdminModel');
    $this->AdminModel->insert();
    $this->getRestos();
}
public function operation(){
    if(isset($_POST['btn'])){
        if(empty($_POST['id'])){
            $this->addResto();
        }
        else{
            $this->updatingResto();
        }   
    }
}
public function updateResto($id){
    $this->load->model('AdminModel');
    $restaurantinfo['restaurantinfo']=$this->AdminModel->getResto($id);
    $this->load->view('admin/UpdateRestoPage',$restaurantinfo);
}
public function updatePage(){
    $this->load->view('admin/UpdateRestoPage');
}
public function updatingResto(){
    $id = $_POST['id'];
    $this->load->model('AdminModel');
    $this->AdminModel->update($id);
}

您还应该检查是否有检查checkbox

public function operation(){
    if(isset($_POST['btn'])){
        if(empty($_POST['category'])){
            $this->load->view('YOUR_VIEW_FILE',array('error'=>'category'));
        }else if(empty($_POST['id'])){
            $this->addResto();
        }
        else{
            $this->updatingResto();
        }   
    }
}

您的view文件添加条件

<?php 
    if(!empty($error) && $error=="category"){
?>
    <script>alert("You have to select at least one.");</script>
<?php 
    } 
?>

在你调用的 php 中添加验证

<?php
    $checked = false;
    foreach($_POST["category"] as $key) {
        if(!empty($key)) {
            $checked = true;
        }
    }
    if(!$checked) {
        echo "<script>";
        echo "alert('You have to select at least one.');";
        echo "history.back();";
        echo "</script>";
        exit();
    }
?>

在您的

控制器操作函数中使用

if (isset($_POST['mycheckbox'])) {
   echo "checked!";
} esle {
   //send again with error message
}

在 javascript 中使用此验证： $("input:checkbox[name='a']:checked").length == 0

例：

HTML code:
    <from name='frm1' method='' action='POST'>
        <label>Favorites:</label>
        <span>sports</span><input type="checkbox" name="fav" value="1"/>
        <span>music</span> <input type="checkbox" name="fav" value="2"/>
        <span>reading</span> <input type="checkbox" name="fav" value="3"/>
        <input type="button" value="validate">
    </form>
Javascript code:
    function validate() {
        //replace with your own code here
        if ($('input:checkbox[name="fav"]:checked').length == 0) {
            alert("You have to select at least one.");
        }
    }
    $("input[type='button']").click(validate)

这只是一个简单的例子来演示:check选择器（JQuery）的使用，你需要更改并将其嵌入到您的项目中！

尝试在HTML代码中添加以下内容：

<script type="text/javascript">
function check () {
    var inputs = document.querySelectorAll("input[type='checkbox']");
    for(var i = 0; i < inputs.length; i++) {
        if (inputs[i].checked) {
            return true;
        }  
    }
    alert("You have to select at least one.");
    return false;
}
</script>

这将在页面刷新之前显示错误。并在您的 html 中添加这样的东西：

<input type = "button" onclick = "check();">

更新：尝试用这个替换你的代码。

<div>
    <div><span class="font-2">Categories:</span></div>
</div>
<script type="text/javascript">
    function check () {
        var inputs = document.querySelectorAll("input[type='checkbox']");
        for(var i = 0; i < inputs.length; i++) {
            if (inputs[i].checked) {
                return true;
            }  
        }
        alert("You have to select at least one.");
        return false;
    }
</script>
<div class = "addinfo">
    <?php $categories = array('Breakfast', 'Lunch', 'Dinner', 'Snack', 'Grill', 'Buffet', 'Fast Food');
          $values = explode(',' , $row['categories']);
    ?>
    <?php foreach($categories as $category) {
        $cat='';
        foreach($values as $value){
        if($value == $category){
        $cat ="checked";    
    }
    ?>
    <input <?php echo $cat ?> type="checkbox" name="category[]" value="<?php echo $category?>"><?php echo $category?><br>
    <?php } 
    }?>
    <input type = "button" onclick = "check();">
</div>