添加一个网址名称功能的代码需要在table里面也做修改只写添加代码代码添加在那个地方html代码!DOCTYPE htmlhtmlhead title网址收藏夹title meta charset=UTF-8 link rel=stylesheet href=stylecss script src=httpscodejquerycomjquery-360minjsscript script src

在html代码中，添加网址名称的功能需要在表格中添加一个网址名称的表头，代码如下：

在php代码中，添加网址名称的功能需要读取新添加的网址名称并将其保存到urls.txt文件中，代码如下：

// 添加新网址 if (isset($_POST['action']) && $_POST['action'] === 'add' && isset($_POST['url']) && isset($_POST['name'])) { $newUrl = $_POST['url']; $newName = $_POST['name']; if (!in_array($newUrl, $urls)) { if (filter_var($newUrl, FILTER_VALIDATE_URL)) { $urls[] = $newUrl . '|' . $newName; file_put_contents($url_file, implode("\n", $urls)); echo 'success'; } else { echo 'invalid url'; } } else { echo 'url already exists'; } }

在script代码中，添加网址名称的功能需要在添加网址对话框中添加一个输入框用于输入网址名称，并在提交表单时将其传递到后台处理，代码如下：

// 监听添加按钮点击事件 $('#add-btn').click(function() { $('#add-dialog').show(); });

// 监听对话框提交事件 $('#add-dialog form').submit(function(e) { e.preventDefault(); var newUrl = $(this).find('input[name="url-input"]').val().trim(); var newName = $(this).find('input[name="name-input"]').val().trim(); if (newUrl !== '') { $.post('action.php', {action: 'add', url: newUrl, name: newName}, function(data) { if (data === 'success') { location.reload(); } else { alert('添加网址失败，请重试'); } }); } else { alert('网址不能为空'); } });

// 监听对话框关闭按钮点击事件 $('#add-dialog .close-btn').click(function() { $(this).parents('.dialog').hide(); });

// 监听表格行点击事件 $('#url-table tbody tr').click(function() { var checkbox = $(this).find('input[name="url-checkbox"]'); if (checkbox.prop('disabled') !== true) { checkbox.prop('checked', !checkbox.prop('checked')); } });

// 监听全选复选框点击事件 $('#url-table thead th:first-child input[type="checkbox"]').click(function() { var checked = $(this).prop('checked'); $('input[name="url-checkbox"]').prop('checked', checked); });

// 监听表格行选择事件 $('input[name="url-checkbox"]').change(function() { var checked = $('input[name="url-checkbox"]:checked'); var disabled = $('input[name="url-checkbox"]:disabled'); var selectAllCheckbox = $('#url-table thead th:first-child input[type="checkbox"]'); if (checked.length > 0) { if (checked.length === $('input[name="url-checkbox"]').length - disabled.length) { selectAllCheckbox.prop('checked', true); } else { selectAllCheckbox.prop('checked', false); } $('#delete-btn, #lock-btn, #unlock-btn').prop('disabled', false); if (disabled.length === 0) { $('#lock-btn').prop('disabled', false); } } else { selectAllCheckbox.prop('checked', false); $('#delete-btn, #lock-btn, #unlock-btn').prop('disabled', true); } });

// 监听搜索框输入事件 $('#search-input').on('input', function() { var keyword = $(this).val().trim(); if (keyword !== '') { $('#url-table tbody tr').hide(); $('#url-table tbody tr:contains("' + keyword + '")').show(); } else { $('#url-table tbody tr').show(); } });

// 监听删除按钮点击事件 $('#delete-btn').click(function() { var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { $('#delete-dialog').show(); } });

// 监听锁定按钮点击事件 $('#lock-btn').click(function() { var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { $('#lock-dialog').show(); } });

// 监听解锁按钮点击事件 $('#unlock-btn').click(function() { var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { $('#unlock-dialog').show(); } });

// 监听删除对话框提交事件 $('#delete-dialog form').submit(function(e) { e.preventDefault(); var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { var selected = checked.map(function() { return $(this).val(); }).get(); $.post('action.php', {action: 'delete', urls: selected}, function(data) { if (data === 'success') { location.reload(); } else { alert('操作失败，请重试'); } }); } else { alert('请选择要删除的网址'); } });

// 监听锁定对话框提交事件 $('#lock-dialog form').submit(function(e) { e.preventDefault(); var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { var disabled = $('input[name="url-checkbox"]:disabled:checked'); if (disabled.length === 0) { var selected = checked.map(function() { return $(this).val(); }).get(); $.post('action.php', {action: 'lock', urls: selected}, function(data) { if (data === 'success') { location.reload(); } else { alert('操作失败，请重试'); } }); } else { alert('不能锁定已经锁定的网址'); } } else { alert('请选择要锁定的网址'); } });

// 监听解锁对话框提交事件 $('#unlock-dialog form').submit(function(e) { e.preventDefault(); var checked = $('input[name="url-checkbox"]:checked'); if (checked.length > 0) { var selected = checked.map(function() { return $(this).val(); }).get(); $.post('action.php', {action: 'unlock', urls: selected}, function(data) { if (data === 'success') { location.reload(); } else { alert('操作失败，请重试'); } }); } else { alert('请选择要解锁的网址'); } });