在name属性中使用双括号[]发送输入类型复选框是否安全?

时间:2015-04-25 16:22:17

标签: html5 forms checkbox

一些教程告诉我使用带双括号的复选框,因此值可以作为数组检索,但有些教程不是。

<input type='checkbox' name='hobby[]' value='reading'> Reading

哪一个标准?在name属性中使用双括号[]发送输入类型复选框实际上是否安全?

1 个答案:

答案 0 :(得分:2)

这种方法的唯一目的是在PHP中使用多维$_GET数组(可能还有其他一些服务器端语言)。

方法№1:无括号

我们大多数时间使用它的方式。这样您就可以看到这种方法与其他两种方法之间的区别。

<label>
    <input type="checkbox" name="hobby_reading" value="1" /> Reading
</label>

<label>
    <input type="checkbox" name="hobby_programming" value="1" /> Programming
</label>

var_dump($_GET)输出:

array(2) {
    ["hobby_reading"] => string(1) "1"
    ["hobby_programming"] => string(1) "1"
}

方法№2:括号中的名称

为我们提供嵌套的关联hobby数组作为$_GET数组的成员。

<label>
    <input type="checkbox" name="hobby[reading]" value="1" /> Reading
</label>

<label>
    <input type="checkbox" name="hobby[programming]" value="1" /> Programming
</label>

var_dump($_GET)输出:

array(1) {
    ["hobby"] => array(2) {
        ["reading"] => string(1) "1"
        ["programming"] => string(1) "1"
    }
}

方法№3:双括号

为我们提供嵌套的非关联hobby数组作为$_GET数组的成员。

<label>
    <input type="checkbox" name="hobby[]" value="reading" /> Reading
</label>

<label>
    <input type="checkbox" name="hobby[]" value="programming" /> Programming
</label>

var_dump($_GET)输出:

array(1) {
    ["hobby"] => array(2) {
        [0] => string(7) "reading"
        [1] => string(11) "programming"
    }
}

回答您的问题

是。使用这种方法是安全的,但是在尝试使用vanilla JavaScript或jQuery按名称输入DOM元素时可能会遇到一些问题(以下是如何解决jQuery的问题:jQuery selector for inputs with square brackets in the name attribute