Avatar billede Emma Mester
10. december 2021 - 11:40 Der er 1 kommentar

Vælg mellem 2 funktioner ved brug af

Der er 2 checkbox hvor der kan vælges mellem km og tid.
De skal begge styre en formular.
De er næsten ens den ene regner med tid den anden med km.
I formularen er der 3 Inputfelter(nummer Box) den ene skal have 3.5 kr. pr km.
Den anden 350 kr. pr time.
Jeg håber der er en der kan se hvor jeg mangler lidt programmering for at få det hele til at virke
A: Virker men teksten skal udskiftes med en formular
<!DOCTYPE html>
<html>
<head>
<script>
function check() {
  document.getElementById("myCheck").checked = true;
  document.getElementById("nyCheck").checked = false;
}

function uncheck() {
  document.getElementById("nyCheck").checked = true; 
  document.getElementById("myCheck").checked = false;
}

function myFunction() {
  var checkBox = document.getElementById("myCheck");
  var text1 = document.getElementById("text1");
  if (checkBox.checked == true){
    text1.style.display = "block";
  }
}

function nyFunction() {
  var checkBox = document.getElementById("nyCheck");
  var text2 = document.getElementById("text2");
  if (checkBox.checked == true){
    text2.style.display = "block";
}
}

</script>
</head>
<body>

<input type="checkbox" id="myCheck" onclick="check(),myFunction()">
<label>til13mmfra</label>
<input type="checkbox" id="nyCheck" onclick="uncheck(),nyFunction()">


<p id="text1" style="display:none">Checkbox is CHECKED!</p>
<p id="text2" style="display:none">Checkbox is olso CHECKED!</p>


</body>
</html>
------------------------------------------------------------------------------------------------------
B: Med formular men virker ikke
<!DOCTYPE html>
<html>
<head>
<script>
function check() {
  document.getElementById("myCheck").checked = true;
  document.getElementById("nyCheck").checked = false;
}

function uncheck() {
  document.getElementById("nyCheck").checked = true; 
  document.getElementById("myCheck").checked = false;
}

function myFunction() {
  var checkBox = document.getElementById("myCheck");
    if (checkBox.checked == true){
    text1.style.display = "block";
   
    function PrisIalt(){
            var antal = document.getElementById("antal").value;
            var antal = parseFloat(antal);
            var pris = document.getElementById("pris").value;
            var pris = parseFloat(pris);
            var total = antal * pris;
            document.getElementById("total").value = Math.ceil(total);   
       
    }           
  }
}

function nyFunction() {
  var checkBox = document.getElementById("nyCheck");
  var text2 = document.getElementById("text2");
  if (checkBox.checked == true){
    text2.style.display = "block";
}
}

</script>
</head>
<body>

<input type="checkbox" id="myCheck" onclick="check(),myFunction()">
<input type="checkbox" id="nyCheck" onclick="uncheck(),nyFunction()">


<label for="antal">Kilom:</label>
  <input type="number" oninput="PrisIalt()" id="antal" name="antal" dir="rtl" value="" style="width:60px;max-width:90px"/>
  <label for="pris">Kr/km:</label>
  <input type="number" id="pris" name="pris" readonly="readonly" dir="rtl"
  value="3.5" style="width:60px;max-width:90px"/>
  <label for="total">Pris Ialt kr.:</label>
  <input type="number" id="total" name="total" readonly="readonly" dir="rtl" value="">


</body>
</html>

P.s: jeg håber i forstår hvad jeg ønsker?
Avatar billede Emma Mester
10. december 2021 - 11:46 #1
Der er en fejl i mellem checkboksene der skal stå km og tid i stedet for større og mindre end 13 mm.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester





CIO
Sådan tager top-CIO Pernille Geneser livtag med 40 år gamle it-systemer i Stark Group med 10.000 medarbejdere