使用输入名称中的 isset

Question

我不确定我是否正确地处理了这个问题。我有一组复选框输入。如果有人选中最后一个复选框all_users_check，我希望出现一个新表单，我将在下拉列表中列出所有用户（尚未添加下拉列表）。我以为我可以通过使用输入的名称来做到这一点，但显然我弄错了，因为我收到了这个错误..

如果有人选中该选项，我还能如何构建我正在做的事情，以便新表单显示？

<div class="user_dropdown">
<form action="">
  <input type="checkbox" name="spectator_check" value=""> Spectators<br>
  <input type="checkbox" name="member_check" value="" checked> Team Members<br>
  <input type="checkbox" name="commissioner_check" value="" checked> Commissioner(s)<br>
   <label for="all_users_check">
  <input type="checkbox" name="all_users_check" value="" checked> Individual User<br>
  </label>
</form>
</div>

<script>
$(".user_dropdown").hide();
$(".all_users_check").click(function() {
    if($(this).is(":checked")) {
        $(".user_dropdown").show();
    } else {
        $(".user_dropdown").hide();
    }
});
</script>

这是页面加载时的样子。出于某种原因，这些字段已被检查。

Answer 1

代码中的问题。

1. .all_users_check 正在寻找课程。您的元素没有类，因此找不到。您可以使用不同的选择器来使用name 属性https://api.jquery.com/attribute-equals-selector/。
   
2. 这个$(".user_dropdown").hide(); 隐藏了你的整个表单。您可能想要移动您的 div，或者完全删除它。
   
3. checked 属性检查它所在的字段。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

使用checked属性表示是否选中了该项

<div class="user_dropdown">
<form>
  <input type="checkbox" name="spectator_check" value=""> Spectators<br>
  <input type="checkbox" name="member_check" value=""> Team Members<br>
  <input type="checkbox" name="commissioner_check" value=""> Commissioner(s)<br>
   <label for="all_users_check">
  <input type="checkbox" name="all_users_check" value=""> Individual User<br>
  </label>
</form>
</div>

<script>
//$(".user_dropdown").hide();
$("input[name='all_users_check']").click(function() {
    if($(this).is(":checked")) {
        $(".user_dropdown").show();
    } else {
        $(".user_dropdown").hide();
    }
});
</script>

Answer 2

isset 是一种语言结构，除了链接到手册页上的此警告所指示的变量外，不能接受任何其他内容：

警告 isset() 仅适用于变量，因为传递任何其他内容都会导致解析错误。

您没有将变量传递给isset 函数，而是传递了一个常量值，基本上是一个带有单个字符串all_users_check 的数组。这 不是 变量，因为您没有将其分配给变量名。试试这个：

if(isset($_POST['all_users_check']))

这里传入的变量是superglobal$_POST，您正在检查索引all_users_check 是否设置在该数组内。

更新

要通过 javascript 检查输入是否为空，请查看this question。

Answer 3

尝试使用此脚本，您已将复选框的状态设置为默认选中。

<div class="user_dropdown">
<form action="">
  <input type="checkbox" name="spectator_check" value=""> Spectators<br>
  <input type="checkbox" name="member_check" value=""> Team Members<br><!-- removed 'checked' from this line -->
  <input type="checkbox" name="commissioner_check" value=""> Commissioner(s)<br><!-- removed 'checked' from this line -->
   <label for="all_users_check">
  <input type="checkbox" name="all_users_check" value="" > Individual User<br> <!-- removed 'checked' from this line -->
  </label>
</form>
</div>

<script>
$(".user_dropdown").hide();
$(".all_users_check").click(function() {
    if($(this).is(":checked")) {
        $(".user_dropdown").show();
    } else {
        $(".user_dropdown").hide();
    }
});
</script>

对于再次显示隐藏部分的其他问题，请尝试单击 all_users_check 类是否可见。