Question

如果我使用jquery $_POST方法，我无法选择clone无线电和无线电选择。

在代码下面，我有性别选择。如果用户可以点击添加更多链接克隆性别并附加到相同的表单。

HTML

<form action="test.php" method="post">
<div id="one">
    <input type="radio" name="gender" value="1" />Male<br />
    <input type="radio" name="gender"  value="2" />Female<br />
</div>
<div id="appendBefore"></div>
<a href="#" onclick="addMore();">Add More</a>
</form>

的jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function addMore(){
    var copy_ = $("#one").clone();
    copy_.insertBefore('#appendBefore');
}
</script>

PHP

print_r($_POST);

问题1.未正确检查无线电。

问题 - 2.电台没有在php中正确发布。

感谢。

Answer 1

问题在于：

<input type="radio" name="gender" value="1" />Male<br />
<input type="radio" name="gender"  value="2" />Female<br />

您只能在同一组中检查一个收音机（具有相同名称）。在您克隆并附加无线电的情况下，新组也具有相同的名称，这就是为什么您只能从所有无线电中选择一个。

要解决此问题，您必须为每个组设置不同的广播名称。用名字保持一个类似计数器的东西，每件事都没问题。

例如：

<p>
Block 1
</p>
<input type="radio" name="gender1" value="1" />Male<br />
<input type="radio" name="gender1"  value="2" />Female<br />
<p>
Block 2
</p>
<input type="radio" name="gender2" value="1" />Male<br />
<input type="radio" name="gender2"  value="2" />Female<br />

JSFiddle with proposed solution

jQuery克隆与收音机

1 个答案: