用于更改可见性的 Javascript 和 PHP 单选按钮

Question

我正在努力解决问题。它分为两部分:

1. 我想创建一个循环，从数据库中读出我页面的每个 menu_name，并在读出它的同一行上放置一个单选按钮来更改可见性。到目前为止，我的单选按钮似乎都已连接，因为(不是为每个单选按钮都选中“否”，而是仅在最后一个 <li> 项目上选中否:

    //K's function:
    function get_all_pages() {
        global $connection;
        $query = "SELECT * 
            FROM pages ";
        $query .= "WHERE visible = 1 ";
        $query .= "ORDER BY position ASC";
        $page_set = mysql_query($query, $connection);
        confirm_query($page_set);
        return $page_set;
    }
   
    //K's function:
    function list_all_pages(){
        $output = "<ul>";
        $page_set = get_all_pages();
        while ($page = mysql_fetch_array($page_set)) {
            $output .= "<li><a href=\"add_feature.php?page=" . urlencode($page["id"]) . "\">{$page["menu_name"]}</a></li>";
            $output .= "&nbsp;&nbsp;<input type=\"radio\" name=\"visible\" value=\"0\" checked=\"checked\" /> No <input type=\"radio\" name=\"visible\" value=\"1\" /> Yes";
        }
        $output .= "</ul>";
        return $output;
    }
   

1. 我正在尝试用 Javascript 做一些 ajax 事情..所以我希望可见的单选按钮紧挨着我动态生成的菜单列表。我希望他们都被勾选为否...当他们被勾选为是时，我希望出现一个下拉列表，他们可以在其中选择数字 1-8(数字将表示他们将出现在什么位置)。

我是新手，如果没有 Javascript 和 php/mysql 专家的帮助，我很难解决这个问题。

Answer 1

您的单选按钮都具有相同的“名称”属性，因此您一次只能选择一个。您可以将一些唯一标识符附加到属性值。例如，visible_{$page_id}:

function list_all_pages(){
    $output = "<ul>";
    $page_set = get_all_pages();
    while ($page = mysql_fetch_array($page_set)) {
        $page_id = urlencode($page["id"]);
        $output .= "<li><a href=\"add_feature.php?page={$page_id}\">{$page["menu_name"]}</a></li>";
        $output .= "&nbsp;&nbsp;<input type=\"radio\" name=\"visible_{$page_id}\" value=\"0\" checked=\"checked\" /> ";
        $output .= "No <input type=\"radio\" name=\"visible_{$page_id}\" value=\"1\" /> Yes";
    }
    $output .= "</ul>";
    return $output;
}

高级提示:使用 PHP，您可以通过使用特殊格式的输入名称来简化“页面”数据的处理——如下所示:

• 让单选按钮使用像 pages[$page_id][visible] 这样的名称。
• 让列表(又名 select )使用类似 pages[$page_id][order] 的名称。

一旦用户提交此数据，PHP 就会将其转换为“页面”数组(索引为 page_id's)。然后，您可以执行以下操作:

function process_pages($pages) {
  foreach ($pages as $page_id => $data) {
     $is_visible = $data['visible'] === '1';
     $page_order = (int) $data['order'];
     //... update page's visibility/page order
  }
}
$pages = $_REQUEST['pages'];
process_pages($pages);