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?
