【问题标题】:JavaScript & PHP checkbox select allJavaScript & PHP 复选框全选
【发布时间】:2012-02-22 01:13:44
【问题描述】:

我在 HTML 文件中使用 JavaScript 选择复选框时遇到问题。我知道该怎么做,但在我的表单中,所有复选框都有name='chk[]'

<form name="forms" action='index.php' method='post'>
    <input type='checkbox' name='chk[]' value='value1'> ANY VALUE 1 </br>
    <input type='checkbox' name='chk[]' value='value2'> ANY VALUE 2 </br>
    <input type='checkbox' name='chk[]' value='value3'> ANY VALUE 3 </br>
    <input type='checkbox' name='chk[]' value='value4'> ANY VALUE 4 </br>
    <input type='submit' name='submit' value='Get Value'>
</form>

在我的 PHP 文件中,我使用选择复选框:

<?php
    $s = "";
    $value = $_POST['chk'];

    $s .= join(", ", $value);

    echo $s;

但是如何在 JavaScript 中创建一个检查字段的函数。 我也试过this

【问题讨论】:

  • 你能发布包含复选框的 HTML 吗?
  • 请在问题中包含由您的 PHP 代码生成的复选框的 HTML,以及您尝试过但不起作用的 Javascript 代码。
  • 所以你想要一个检查所有复选框的脚本?在呈现表单时这样做是否有意义,或者这是一个方便用户单击并选中所有框的按钮?

标签: php javascript html checkbox


【解决方案1】:

要动态检查所有复选框,您可以使用以下代码:

var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++)
    if(inputs[i].type == "checkbox")
        inputs[i].checked = true;

要默认选中复选框,只需在标签中添加checked='checked'

<input type='checkbox' name='chk[]' value='value' checked='checked'>

【讨论】:

  • 'checked' 替换为true。您正在访问布尔属性,而不是字符串属性。
  • 好的,现在可以正常工作了。我必须创建动态检查,取消选中 php 生成的站点中的复选框。我不知道有多少是复选框,我需要接受它的价值。
猜你喜欢
  • 1970-01-01
  • 2012-12-25
  • 2016-02-20
  • 2012-06-10
  • 2011-04-02
  • 2011-08-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多