Wie kann ich mit Javascript Cheboxen abwählen?

Ich habe mehrere Checkboxen (4) in HTML erstellt. Jetzt möchte ich mit Javascript programmieren, dass es im Grunde nur 1 Option gibt, also nur ein Kontrollkästchen damit angekreuzt werden kann. Wahrscheinlich gar nicht so schwer. Problem: Ich habe während meiner Ausbildung nur mit Java gearbeitet und muss es jetzt für einen Kollegen tun, der gerade krank ist. Da ich aktuell Corona habe und ich mich in den Osterferien in Deutschland fühle, als wäre ich der Einzige, der arbeitet, kann ich keinen Kollegen fragen, wie es geht.

Ich habe versucht, was für mich logisch wäre und was ich mit meinen wenigen Javascript-Kenntnissen wusste. Also:

if (getElementById("Haken1")==true) { getElementById("Haken2")==false; }

Ich dachte, das könnte funktionieren, tat es aber nicht.

2 Antworten

flyaquarius

20.04.2023, 01:25

document.getElementById("Haken1").checked = true;

Aber mal abgesehen davon gibt es genau zu diesem Zweck Radio Buttons. Du musst dafür nicht mit Javascript rumpfuschen.

football4life47

Beitragsersteller

20.04.2023, 01:26

Danke wusst ich net

NackterGerd

20.04.2023, 07:54

Wozu brauchst du JS

1 aus x Auswahl macht man doch ganz normal mit HTML

Schau doch mal hier

https://www.w3schools.com/tags/att_input_type_radio.asp

Woher ich das weiß:Berufserfahrung

football4life47

Beitragsersteller

20.04.2023, 14:39

Danke

Ähnliche Beiträge

Wie kann ich in PHP eine Checkbox mit MySQL verbinden?

Hallo,

ich habe drei Checkboxen mit denen man etwas Einstellen soll als bsp einfach nur true oder false.

Ich möchte nun, wenn ein Benutzer etwas auswählt, dass dieses in die Datenbank geschrieben wird und wenn der Benutzer sich die Einstellungen anschaut, dass die Checkboxen je nach Datenbank Eintrag auch dementsprechend ausgewählt sind, oder nicht.

Als Beispiel:

DB:
Checkbox1 = true
Checkbox2 = false
Checkbox3 = true

Benutzer geht in die Einstellungen und sieht:

Checkbox 1 : ☑
Checkbox 2 : ☐
Checkbox 3 : ☑

Wie genau gehe ich da vor?

...zum Beitrag

WAHR/FALSCH bzw. FALSE/TRUE Problem mit deutsch/englisch in Excel VBA?

Guten Morgen,

habe eine Userform (6 Textfelder + 1 Checkbox) zur einfachen Eingabe von Datensätzen

die Checkbox legt korrekt den jeweiligen Wert WAHR/FALSCH (in deutsch) in der Tabelle ab

sobald man speichert ist die Checkbox ausgegraut (nutzen könnte man die Checkbox schon)

ich bin jetzt draugekommen, das die Checkbox den Wert TRUE/FALSE (englisch!!) erwartet, damit der Haken der Checkbox angezeigt wird

das Ganze funktioniert also nur, wenn ich die Werte in der Spalte der Checkbox selbst auf enlisch ändere

getestet mit verschiedenen Office-Versionen (2010 - 365)

hat jemand vielleicht eine Idee woran das liegen könnte ?

und bitte Nachsichtig sein, ich bin Anfänger in VBA

...zum Beitrag

JavaScript / Snake: Wie kann ich das Spiel beenden, sobald die Schlange sich selbst berührt?

Servus.

Ich bin gerade dabei, ein Snake selber zu machen. Jedoch bekomme ich kein Gameover hin, wenn die Schlange sich selbst berührt und ich verstehe auch nicht wieso. Könnte mir vielleicht ein netter Jemand helfen?

...
gleichx = false;
gleichy = false;
countgx = 0;
countgy = 0;

// wie?
for (k = 0; k <= laengex.length; k++) {
  countx = 0;
  countgx++;

  for (t = 0; t <= laengex.length; t++) {
    if (gleichx == false) {
      countx++;
      if (k != t) {
        if (laengex[k] == laengex[t]) {
          gleichx = true;
          break;
        }
      }
    }
  }

  if (gleichx == true) {
    break;
  }
}

for (k = 0; k <= laengey.length; k++) {
  countgy++;
  county = 0;

  for (t = 0; t <= laengey.length; t++) {
    if (gleichx == false) {
      county++;

      if (k != t) {
        if (laengey[k] == laengey[t]) {
          gleichy = true;
          break;
        }
      }
    }
  }

  if (gleichy == true) {
    break;
  }
}

// bis hier

if (gleichx == true && gleichy == true && countgx == countgy && countx == county) {
  window.alert("You lost!");
}

...

...zum Beitrag

Excel - Aus einer zelle ein feld zum ankreuzen machen!

Ich möchte in meinem Tabellenblatt gerne eine ganze Spalte, wo man die zellen per druck "ankreuzen kann". Es gibt ja die Kontrollkästchen unter den Entwicklertools, jedoch möchte ich gerne die ganze Zelle als solches Feld formatieren.

Weiters sollte diese Zelle weiter als funktion verwendet werden (angekreuzt = true / false usw.)

Danke für eure Hilfe!

...zum Beitrag

Kann man in Javascript prüfen, ob ein Array 2-mal den gleichen Wert hat?

Servus,

ich arbeite gerade an einem kleinem Snakespiel um Javascript zu lernen, und weil es mir spaß macht. Die Werte welche die Positionen der Schlage festlegen, habe ich in Arrays gespeichert. Jedoch habe ich keinen Plan, ob, und wie ich prüfen könnte, ob ein Wert 2-mal vorkommt, und je nachdem true oder false ausgegeben wird. Wenn mir Jemand helfen könnte wäre ich ich euch sehr verbunden. Danke!

...zum Beitrag

Prozentrechnen in Javascript?

Hi Leute, ich bin geradee dabei, einen Tascchenrechner zu programmiern und möchte dabei gern eine funktion zur berechnung von prozenten einbinden. (bei 350 - 10% sollte also 315 rauskommen)

kann mir da jemand weiterhelfen? Vielen Dank im Voraus

...zum Beitrag

Excel Kontrollkästchen (checkbox) in VBA ohne zellenzuweisung?

Ist es in Excel möglich mit Visual Basic (Makro) den wert einer Checkbox abzurufen ohne diese mit einer Zelle zu verlinken? zB. Über den Namen der Checkbox welcher ja einzigartig sein muss? Ich habe den Namen in dem Feld oben links umbenannt, er beinhaltet Bindestrich, das scheint VBA auch nicht zu gefallen, gibt's da ne Lösung? Es sollte eine If Then Funktion sein «If RM-CKB1 = True Then..... » Vielen Dank im Voraus

...zum Beitrag

Wie kann ich Kontrollkästchen elegant miteinander verknüpfen, um nach mehreren Kriterien zu filtern?

Hallo zusammen,

in einer ExcelDatei befinden sich Formularsteuerlemente bzw. 3 Kontrollkästchen mit denen ich verschiedene Kriterien nach Hunde, Katzen und Vögel filtern sowie verknüpfen möchte.

Mit ActiveX-Steuerelemente Kontrollstästchen und CommandButton konnte ich folgendes Beispiel aufbauen:

Private Sub ausführen_Click()

    If CheckBox1.Value = True And CheckBox2.Value = False And CheckBox3.Value = False Then
        Hund
    ElseIf CheckBox1.Value = False And CheckBox2.Value = True And CheckBox3.Value = False Then
        Katze
    ElseIf CheckBox1.Value = False And CheckBox2.Value = False And CheckBox3.Value = True Then
        Vogel
    ElseIf CheckBox1.Value = True And CheckBox2.Value = True And CheckBox3.Value = False Then
        HundKatze
    ElseIf CheckBox1.Value = False And CheckBox2.Value = True And CheckBox3.Value = True Then
        KatzeVogel
    ElseIf CheckBox1.Value = True And CheckBox2.Value = False And CheckBox3.Value = True Then
        HundVogel
    ElseIf CheckBox1.Value = True And CheckBox2.Value = True And CheckBox3.Value = True Then
        Alle
    Else
        MsgBox ("Es wurde nichts ausgewählt")
    End If

End Sub

Sub Hund()
' Hund Makro
    Worksheets("Tabelle2").Range("$A$4:$B$8").AutoFilter Field:=2, Criteria1:="Hund"
End Sub
Sub Katze()
' Katze Makro
    Worksheets("Tabelle2").Range("$A$4:$B$8").AutoFilter Field:=2, Criteria1:="Katze"
End Sub
Sub Vogel()
' Vogel Makro
    Worksheets("Tabelle2").Range("$A$4:$B$8").AutoFilter Field:=2, Criteria1:="Vogel"
End Sub
Sub Alle()
' Alle Makro
    Worksheets("Tabelle2").Range("$A$4:$B$8").AutoFilter Field:=2
End Sub
Sub HundKatze()
' HundKatze Makro
    ActiveSheet.Range("$A$6:$B$13").AutoFilter Field:=2, Criteria1:="=Hund", _
        Operator:=xlOr, Criteria2:="=Katze"
End Sub
Sub KatzeVogel()
' KatzeVogel Makro
    ActiveSheet.Range("$A$6:$B$13").AutoFilter Field:=2, Criteria1:="=Katze", _
        Operator:=xlOr, Criteria2:="=Vogel"
End Sub
Sub HundVogel()
' HundVogel Makro
    ActiveSheet.Range("$A$6:$B$13").AutoFilter Field:=2, Criteria1:="=Hund", _
        Operator:=xlOr, Criteria2:="=Vogel"
End Sub

Das funktioniert soweit ganz gut.

Allerdings benötige ich Formularsteuerelemente Kontrollkästchen. Die Ergebnisse sollen sich schon während ein Kontrollkästchen betätigt wird aktualisieren. Aktuell läuft das über ActiveX-Steuerelemente Kontrollkästchen und CommandButton.

Gegenüberstellung der Varianten:

Nachgebaute Excel:

Bis auf die G4 funktioniert alles sehr gut. Vielleicht seht ihr den Fehler. Auf eine einfache Formel wie im Funktionstest reagiert die Zelle.

Vielen Dank für eure Hilfe. Liebe Grüße

...zum Beitrag

javascript hilfe dringendd?

Hallo zusammen!

Ich habe angefangen eine ToDoListe zu machen und bin schon fast fertig. Allerdings muss ich noch zwei Buttons fertigen und ich weiss nicht wie. Das erste Button ist "Delete All", dieser sollte alle Aufgaben (Aufgaben der ToDoListe) löschen. Das zweite ist "Change Status", dieser sollte, sofort alle Aufgaben wegstreichen oder zeigen dass diese Aufgaben gemacht worden sind. Ich hoffe auf eure Hilfen!

Bin schon richtig müde, und muss die Aufgaben schon bis morgen abschicken..

Dankeschön im Voraus!

const todoInput = document.querySelector(".todo-input");
const todoInputTwo = document.querySelector(".todo-input-two")
const todoButton = document.querySelector(".todo-button");
const todoList = document.querySelector(".todo-list");
const filterOption = document.querySelector(".filter-todo");
const deleteAllTodos = document.querySelector(".deleteAll button")


document.addEventListener("DOMContentLoaded", getLocalTodos);
todoButton.addEventListener("click", addTodo);
todoList.addEventListener("click", deleteCheck);
filterOption.addEventListener("change", filterTodo);


function addTodo(event) {
    event.preventDefault();
    const todoDiv = document.createElement("div");
    todoDiv.classList.add("todo");
    const newTodo = document.createElement("li");
    newTodo.innerText = `${todoInput.value}, Date: ${todoInputTwo.value}`; 
    newTodo.classList.add("todo-item");
    todoDiv.appendChild(newTodo);
+
    saveLocalTodos(todoInput.value);
    
    const completedButton = document.createElement("button");
    completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
    completedButton.classList.add("complete-btn");
    todoDiv.appendChild(completedButton);


    const trashButton = document.createElement("button");
    trashButton.innerHTML = '<i class="fas fa-trash"></li>';
    trashButton.classList.add("trash-btn");
    todoDiv.appendChild(trashButton);
    
    todoList.appendChild(todoDiv);
    todoInput.value = "";
}


function deleteCheck(e) {
    const item = e.target;


    if(item.classList[0] === "trash-btn") {
        const todo = item.parentElement;
        todo.classList.add("slide");


        removeLocalTodos(todo);
        todo.addEventListener("transitionend", function() {
            todo.remove();
        });
    }


    if(item.classList[0] === "complete-btn") {
        const todo = item.parentElement;
        todo.classList.toggle("completed");
    }
}


function filterTodo(e) {
    const todos = todoList.childNodes;
    todos.forEach(function(todo) {
        switch(e.target.value) {
            case "all": 
                todo.style.display = "flex";
                break;
            case "completed": 
                if(todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
            case "incomplete":
                if(!todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
        }
    });
}


function saveLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.push(todo);
    localStorage.setItem("todos", JSON.stringify(todos));
}


function getLocalTodos() {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.forEach(function(todo) {
        const todoDiv = document.createElement("div");
        todoDiv.classList.add("todo");
        const newTodo = document.createElement("li");
        newTodo.innerText = todo;
        newTodo.classList.add("todo-item");
        todoDiv.appendChild(newTodo);


        const completedButton = document.createElement("button");
        completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
        completedButton.classList.add("complete-btn");
        todoDiv.appendChild(completedButton);


        const trashButton = document.createElement("button");
        trashButton.innerHTML = '<i class="fas fa-trash"></li>';
        trashButton.classList.add("trash-btn");
        todoDiv.appendChild(trashButton);


        todoList.appendChild(todoDiv);
    });
}


function removeLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }



  deleteAllTodos.addEventListener("click", removeAllTodos);



    const todoIndex = todo.children[0].innerText;
    todos.splice(todos.indexOf(todoIndex), 1);
    localStorage.setItem("todos", JSON.stringify(todos));
}

...zum Beitrag

Wie kann ich bei html einen springenden Button machen?

Ich möchte das wenn man mit dem Mauszeiger über den button geht, das der button sich dann verschiebt sodass man ihn nie drücken kann... also wie so eine art spiel... kann mir jemand den code schreiben ? Danke im vorraus.

...zum Beitrag

JavaScript Textboxen die aufklappen

Kann kein JavaScript. Kann man das vielleicht so umschreiben, dass es möglich wird, in den Link auch noch etwas anderes rein zu schreiben als wie die Wörter die in dem Script abgeglichen werden. Also "[Aufklappen]" und "[Schliessen]" ...

Ich will halt, dass man auf der ganzen div-box, die um den Link liegt, drauf klicken kann..

var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
if (ie4) {
return document.all[id];
} else {
return document.getElementById(id);
}
}
function toggle(link, divId) {
var lText = link.innerHTML; var d = getObject(divId);
if (lText == '[Aufklappen]') {
link.innerHTML = '[Schliessen]'; d.style.display = 'block';
} else { link.innerHTML = '[Aufklappen]'; d.style.display = 'none';
}
}




<div>
    <div>
        <a href="javascript: void(0);" onClick="toggle(this, 'box1');">[Aufklappen]</a>
    </div>
    <div id="box1" style=display:none>
        // Inhalt aufgeklappt
    </div>
</div>

...zum Beitrag

Ein "Create"-Button, der eine neue Seite erstellt über php?

Grob gesagt, habe ich vor einen "Create"-Button zu erstellen, der, wenn man auf ihn klickt, eine neue HTML-Seite erstellt, diese HTML-Seite, soll dann ein vorgefertigtes Design haben und soll eine bestimmte CODE haben, denn man wiederum irgendwo eingeben könnte. Als Beispiel könnte man "Discord" nehmen, mit dem Create und Join Buttons.

...zum Beitrag

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zum Beitrag

Wie Skaliere ich um die Faktoren 2 und 0.5 ohne Glättung bei Javascript?

Kann ich einfach eine function mit ImageScale erstellen und die werte einfügen oder wie gehe ich voran?.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen