|
|
| (367 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| <html>
| |
|
| |
|
| <form method="post" action="/Tests/Post">
| | __NICHT_INDEXIEREN__ |
| <fieldset>
| |
| <legend>What is Your Favorite Pet?</legend>
| |
| <input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();">Cats<br>
| |
| <input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();">Dogs<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();">Birds<br>
| |
| <br>
| |
| <input type="submit" value="Submit now">
| |
| </fieldset>
| |
| </form>
| |
| <form method="post" action="/Tests/Post">
| |
| <fieldset>
| |
| <legend>Räumlichkeiten zeigen</legend>
| |
| <input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();">Cats<br>
| |
| <input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();">Dogs<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();">Birds<br>
| |
| <br>
| |
| <input type="submit" value="Submit now">
| |
| </fieldset>
| |
| </form>
| |
| <html>
| |
| <h1></h1>
| |
| | |
| <form action="/action_page.php">
| |
| <input type="checkbox" id="room" name="room" value="room">
| |
| <label for="room">Alle Räumlichkeiten zeigen: Garten, Küche, Wohnzimmer, Atelier, Badezimmer</label><br>
| |
| | |
| <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
| |
| <label for="vehicle2"> I have a car</label><br>
| |
| <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
| |
| <label for="vehicle3"> I have a boat</label><br><br>
| |
| <input type="submit" value="Submit">
| |
| </form>
| |
| <script>
| |
| var room = document.getElementById("room").checked;
| |
| let checkbox = document.querySelector("input[id=room]");
| |
| | |
| checkbox.addEventListener('change', function() {
| |
| if (this.checked) {
| |
| console.log("room is checked..");
| |
| } else {
| |
| console.log("room is not checked..");
| |
| }
| |
| });
| |
| | |
| | |
| | |
| <script type="text/javascript">
| |
| function ValidatePetSelection()
| |
| {
| |
| var checkboxes = document.getElementsByName("favorite_pet");
| |
| var numberOfCheckedItems = 0;
| |
| for(var i = 0; i < checkboxes.length; i++)
| |
| {
| |
| if(checkboxes[i].checked)
| |
| numberOfCheckedItems++;
| |
| }
| |
| if(numberOfCheckedItems > 2)
| |
| {
| |
| alert("You can't select more than two favorite pets!");
| |
| return false;
| |
| }
| |
| }
| |
| </script>
| |
| </script>
| |
| </html>
| |
