如何添加具有相同文本输入名称和单选按钮的多个条目(html、php)

在HTML和PHP中添加具有相同文本输入名称和单选按钮的多个条目，可以通过以下步骤实现：

HTML部分

首先，创建一个HTML表单，其中包含多个条目，每个条目都有相同的文本输入名称和单选按钮组。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Multiple Entries Form</title>
</head>
<body>
    <form action="process_form.php" method="post">
        <div id="entries">
            <!-- 第一个条目 -->
            <div class="entry">
                <input type="text" name="entry_text[]" placeholder="Enter text">
                <label><input type="radio" name="entry_radio[0]" value="option1"> Option 1</label>
                <label><input type="radio" name="entry_radio[0]" value="option2"> Option 2</label>
            </div>
            <!-- 第二个条目 -->
            <div class="entry">
                <input type="text" name="entry_text[]" placeholder="Enter text">
                <label><input type="radio" name="entry_radio[1]" value="option1"> Option 1</label>
                <label><input type="radio" name="entry_radio[1]" value="option2"> Option 2</label>
            </div>
            <!-- 可以继续添加更多条目 -->
        </div>
        <button type="button" onclick="addEntry()">Add Entry</button>
        <button type="submit">Submit</button>
    </form>

    <script>
        let entryCount = 2; // 当前条目数
        function addEntry() {
            entryCount++;
            const entriesDiv = document.getElementById('entries');
            const newEntry = document.createElement('div');
            newEntry.className = 'entry';
            newEntry.innerHTML = `
                <input type="text" name="entry_text[]" placeholder="Enter text">
                <label><input type="radio" name="entry_radio[${entryCount - 1}]" value="option1"> Option 1</label>
                <label><input type="radio" name="entry_radio[${entryCount - 1}]" value="option2"> Option 2</label>
            `;
            entriesDiv.appendChild(newEntry);
        }
    </script>
</body>
</html>

PHP部分

在PHP脚本中处理表单提交的数据。

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $entries = $_POST['entry_text'];
    $radios = $_POST['entry_radio'];

    for ($i = 0; $i < count($entries); $i++) {
        $text = htmlspecialchars($entries[$i]);
        $radioValue = isset($radios[$i]) ? htmlspecialchars($radios[$i]) : 'No option selected';
        echo "Entry Text: $text, Radio Value: $radioValue<br>";
    }
}
?>

解释

HTML部分:
- 使用entry_text[]作为文本输入的名称，使其成为一个数组，以便在PHP中可以轻松处理多个条目。
- 单选按钮的名称使用entry_radio[index]的形式，其中index是每个条目的唯一标识符。
- 使用JavaScript函数addEntry()动态添加新的条目。