index style

Html/apps/static/js/index.js

@@ -6,37 +6,36 @@ function show_course_details(course_id){
     window.location.href = '/course/' + course_id 
 }
 
-document.addEventListener('DOMContentLoaded', function() {
-    const selectButtons = document.querySelectorAll('.select-button');
-
-    selectButtons.forEach(button => {
-        button.addEventListener('click', function(event) {
-            event.stopPropagation(); // 阻止事件冒泡
-            const courseId = this.getAttribute('data-course-id');
-            fetch(`/select_course`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRFToken': '{{ csrf_token() }}' // 如果使用 CSRF 保护
-                },
-                body: JSON.stringify({ course_id: courseId })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    // 更新按钮样式或显示消息
-                    this.classList.remove('select-button');
-                    this.classList.add('selected-button');
-                    this.textContent = '已选择';
-                    alert('选择课程成功');
-                } else {
-                    alert('选择课程失败');
-                }
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                alert('选择课程失败');
-            });
-        });
+function on_click_select_course(event){
+    event.stopPropagation(); // 阻止事件冒泡
+    const courseId = event.currentTarget.getAttribute('data-course-id');
+    if (event.currentTarget.classList.contains("selected-button")) {alert('课程已选择'); return;}
+    fetch(`/select_course`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-CSRFToken': '{{ csrf_token() }}' // 如果使用 CSRF 保护
+        },
+        body: JSON.stringify({ course_id: courseId })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            // 更新按钮样式或显示消息
+            this.classList.remove('select-button');
+            this.classList.add('selected-button');
+            this.textContent = '已选择';
+            alert('选择课程成功');
+        } else {
+            alert('选择课程失败');
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        alert('选择课程失败');
     });
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+
 });