javascript - DOM 表单值操作

Question

我有一个小问题，假设我的表单中有三个单选按钮来选择三个图像之一。

<input type="radio" value="1.jpg" />
<input type="radio" value="2.jpg" />
<input type="radio" value="3.jpg" />

在提交表单之前，我操作 DOM 并将第一个单选的值设置为 10 我该如何处理这个问题？

当然我可以用 php 检查 20.jpg 是否存在，但是还有其他解决方案吗？

感谢您的帮助

Answer 1

如果您想接受可能期望值范围内的值，那么您需要将其存储在服务器端。当表单数据发布到服务器中时，您可以检查传入值是否在可能的值范围内。

<input name="myInput" type="radio" value="1.jpg" />
<input name="myInput" type="radio" value="2.jpg" />
<input name="myInput" type="radio" value="3.jpg" />

服务器端 PHP:

$arr_values = ["1.jpg", "2.jpg", "3.jpg"] 
if isset($_REQUEST["myInput"]) && in_array($_REQUEST["myInput"], $arr_values)  {

// Do your stuff (values within array)
}
else {

// invalid value
}