【问题标题】:How to add checkboxes to a search result in php/html如何在 php/html 中为搜索结果添加复选框
【发布时间】:2018-10-13 01:50:03
【问题描述】:

我的数据库中有一个用户列表,我可以搜索具有特定内容的用户,例如他们的工作类别、薪水等。但我现在需要的是在每个搜索结果旁边都有复选框,这样我就可以添加被选中以显示在不同页面中的结果。如何为每个显示的搜索结果添加复选框?我在谷歌上搜索过,没有运气,或者我只是不明白。

到目前为止,这是我的 php 代码:

 <form method="POST">
     <input type="TEXT" name="search" />
     <input type="SUBMIT" name="submit" value="Search" />

    </form>
    <form>

    <?php


    if(isset($_POST['submit'])){

    $mysqli = NEW mysqli('localhost','root','','lr');

    $search = $mysqli->real_escape_string($_POST['search']);

    $resultSet = $mysqli->query("SELECT * FROM users WHERE jobcat LIKE '%$search%' ");

    if($resultSet->num_rows > 0){
    while($rows = $resultSet->fetch_assoc())
    { 
    $first_name = $rows['first_name'];
    $last_name = $rows['last_name'];
    $education = $rows['education'];
    $salary = $rows['salary'];
    $jobcat = $rows['jobcat'];

    echo "<br />First Name: $first_name<br />Last Name: 
    $last_name<br />Job Category: $jobcat<br />Education: 
    $education<br />Salary: $salary<br /><br />";
        }
     }
    else {
         echo "No Results";
     }
    }

     ?>

     </form>

【问题讨论】:

  • 首先删除第二组表单标签。我不知道你为什么会这样。

标签: php mysql database forms


【解决方案1】:
echo "<br /><input type='checkbox' name='' value=''> 
First Name: $first_name<br />Last Name: 
$last_name<br />Job Category: $jobcat<br />Education: 
$education<br />Salary: $salary<br /><br />";

【讨论】:

  • 很奇怪,我之前尝试过,它给了我一个语法错误,但这次成功了。有没有办法限制选中复选框的数量?谢谢!
  • 您会注意到我在复选框中使用了单引号。如果您使用双引号,则需要对其进行转义,即\",否则您将收到错误消息。我不确定您对限制选定复选框的意思。
  • 哦,也许那是我的问题。至于选中的复选框,我的意思是最多只能选择 3 个搜索结果。因此,如果显示 5 个结果,您可以检查 5 个中的 3 个而不是全部 5 个。
  • 查看我的第二个帖子。选择 3 个复选框将禁用其他两个复选框,直到您取消选中其中一个复选框。
【解决方案2】:

最简单的方法是使用 Jquery。

function myFunc() {

  if ($('#myForm').find('input[type=checkbox]:checked').length == 3) {

    $('#myForm input[type=checkbox]').each(function () {
      if ($(this).prop('checked') == false) {
        $(this).prop('disabled', true);
      }
    });
  } else {
    $('#myForm input[type=checkbox]').each(function () {
      $(this).prop('disabled', false);
    });
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="myForm">
  <input type="checkbox" name="myCheckbox[]" onclick="myFunc()"> Checkbox 1<br>
  <input type="checkbox" name="myCheckbox[]" onclick="myFunc()"> Checkbox 2<br>
  <input type="checkbox" name="myCheckbox[]" onclick="myFunc()"> Checkbox 3<br>
  <input type="checkbox" name="myCheckbox[]" onclick="myFunc()"> Checkbox 4<br>
  <input type="checkbox" name="myCheckbox[]" onclick="myFunc()"> Checkbox 5<br>
</form>

【讨论】:

    猜你喜欢
    • 2019-11-05
    • 2017-12-13
    • 1970-01-01
    • 2012-01-14
    • 2017-10-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多