0

我有一个脚本，如果选中了复选框，我会在其中使用复选框和 javascript 来显示其他项目。这似乎在大多数时候工作得很好。但是有一个复选框会出现问题。我假设是因为与之相关的 javascript 魔法。选中它然后取消选中它时，复选框总是在发布后返回 isset。

永远不要选中复选框并提交未按应有设置的退货。检查和提交退货检查，因为它应该检查，取消检查和提交退货......检查！我在http://vampke.uphero.com/tst.php上设置了一个示例

这是代码：

if($_SERVER['REQUEST_METHOD'] == 'POST') {
if(isset($_POST['se_currentitem'])) echo "CHECKBOX = ISSET";
else echo "CHECKBOX = NOT SET";
}

echo <<< EOD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.hiddenDiv {display: none;}
.visibleDiv{display: block;}
</style>
</head>
<body>
<script language="javascript" type="text/javascript">
<!--

var currentitem = 0;

function toggle_currentitem(){
mydiv = document.getElementById("currentitemcontainer");
if (document.getElementById('se_currentitem').checked){
mydiv.className = "visibleDiv";
if(currentitem==0){
addcurrentitem();
}
}
else {
mydiv.className = "hiddenDiv";
}
}

function addcurrentitem(){
currentitem++;
var newitem = document.createElement('div');
newitem.id = currentitem;
newitem.innerHTML= "<p><strong><em>new item</em></strong><br /><label>select a number:</label><select name='se_currentitem[]'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option></select></p>";

document.getElementById('currentitem').appendChild(newitem); 
}

//-->
</script>
<form action ="" method="post">
<input type="checkbox" id="se_currentitem" name="se_currentitem" value="1" onchange="toggle_currentitem()" /><label for="se_currentitem">click the checkbox to activate the items</label> <br />

<div id="currentitemcontainer" class="hiddenDiv">
<div id="currentitem"></div>
<a id='addnewcurrent' onclick='addcurrentitem()'>add item</a>
</div>
<input type="submit" name="submit" value="submit" />
</form>
</body>
</html>

有谁知道发生了什么？

4

1 回答 1

2

复选框被命名se_currentitem，select菜单被命名se_currentitem[]。PHP 的$_POST数组将这些视为相同。

  • 当您选中该框时，您将创建select菜单。
  • 当您取消选中该框时，您隐藏了select菜单，但它仍保留在 DOM 中，并由浏览器提交。注意网络检查器（或 tcpflow 等）。浏览器同时提交se_currentitem和se_currentitem[]。

您应该重命名复选框以使其不被调用se_currentitem（或重命名select菜单以使其不被调用se_currentitem[]）。

于 2013-01-21T21:22:19.757 回答