Yap_iz
Ocak 17, 2023, 10:38öö
1
Merhaba http://yapiz.com.tr/maliyet-hesabi-1.html böyle bir deneme sitesi üzerinde çalışıyorum mantığı ise şu bir organizasyon firması için fiyat belirleme sistemi yazmaktayım. yani diyelimki düğününüz var arayıp sormak yerine istediğiniz seçenekleri işaretleyip toplam fiyat hesapla butonuna bastığınızda fiyatı vermektedir. fakat benim istediğim
işaretli olan butona basıldığında altında buton seçilmeden açılmamış olan fakat “tatlı ikram etmek istiyorum” butonuna basıldığında açılacak olan bunun aynısı bir seçenek çıkması gerekiyor yardım pls.
Anladığıma göre “Tatlı ikram etmek istiyorum” seçeneği seçildiğinde altta bir menü çıkmasını istiyorsunuz:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
Hello <input type="radio" id="radio-one">
Deneme <input type="radio" id="radio-two">
<div id="hidden-menu">
<h1>Hello world</h1>
<h2>hello deneme</h2>
</div>
<script>
var hidden_menu = document.getElementById("hidden-menu")
hidden_menu.style.visibility = "hidden";
var radio = document.getElementById("radio-one");
var radio_two = document.getElementById("radio-two");
radio.onclick = function() {
hidden_menu.style.visibility = "visible";
radio_two.checked = false;
}
radio_two.onclick = () => {
hidden_menu.style.visibility = "hidden";
radio.checked = false;
}
</script>
</body>
</html>
Bu kodu geliştirerek kullanabilirsiniz.
Yap_iz
Ocak 17, 2023, 11:45öö
3
Wormer_King:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
Hello <input type="radio" id="radio-one">
Deneme <input type="radio" id="radio-two">
<div id="hidden-menu">
<h1>Hello world</h1>
<h2>hello deneme</h2>
</div>
<script>
var hidden_menu = document.getElementById("hidden-menu")
hidden_menu.style.visibility = "hidden";
var radio = document.getElementById("radio-one");
var radio_two = document.getElementById("radio-two");
radio.onclick = function() {
hidden_menu.style.visibility = "visible";
radio_two.checked = false;
}
radio_two.onclick = () => {
hidden_menu.style.visibility = "hidden";
radio.checked = false;
}
</script>
</body>
</html>
aynen tamda istediğim buydu teşşekür ederim
1 Beğeni
Rica ederim, iyi çalışmalar
