我無法讓它作業。我希望用戶在兩個選項（單選按鈕）之間進行選擇。第一個選項應該只顯示一個帶有“H?he”標簽文本的輸入欄位。第二個選項應該將第一個輸入的標簽文本更改為“Niedrigste H?he in mm”并顯示第二個輸入欄位。
也許有人可以抽出幾分鐘來幫助我，謝謝。
這是我的代碼，但它不起作用..
function adjustableHeightCheck() {
if (document.getElementById("adjustableHeight").checked) {
document.getElementById("max-height").style.display = "block";
document.getElementById("height").innerHTML = "Niedrigste H?he in mm";
} else {
document.getElementById("max-height").style.display = "none";
}
}<label>Fix H?he
<input type="radio" name="verlegeart">
</label>
<label>Verstellbare H?he
<input type="radio" name="verlegeart" id="adjustableHeight">
</label>
<br>
<label>
<p id="height">H?he</p>
<input type="number">
</label>
<div id="max-height" style="display: none">
<label>
<p>H?chste H?he in mm</p>
<input type="number">
</label>
</div>uj5u.com熱心網友回復：
只需添加 onclick 事件處理程式即可完成任務：
<label>Fix H?he
<input type="radio" name="verlegeart" onclick="adjustableHeightCheck()">
</label>
<label>Verstellbare H?he
<input type="radio" name="verlegeart" id="adjustableHeight" onclick="adjustableHeightCheck()">
</label>
uj5u.com熱心網友回復：
您需要一個事件偵聽器，因為該函式不是僅通過宣告呼叫的。你可以這樣做：
<input type="radio" name="verlegeart" id="adjustableHeight" onclick="adjustableHeightCheck()">
但這不是一個好習慣——HTML、CSS 和 JavaScript 應該分開：
const adjustableHeight = document.querySelector('#adjustableHeight');
adjustableHeight.addEventListener('change', adjustableHeightCheck);
您還忘記更改宣告中的label背面else：
document.getElementById("height").innerHTML = "H?he";
作業示例：（CSS 也分開；）
const fixHeight = document.querySelector('#fixHeight');
const adjustableHeight = document.querySelector('#adjustableHeight');
fixHeight.addEventListener('change', adjustableHeightCheck);
adjustableHeight.addEventListener('change', adjustableHeightCheck);
function adjustableHeightCheck() {
if (document.getElementById("adjustableHeight").checked) {
document.getElementById("max-height").style.display = "block";
document.getElementById("height").innerHTML = "Niedrigste H?he in mm";
} else {
document.getElementById("max-height").style.display = "none";
document.getElementById("height").innerHTML = "H?he";
}
}#max-height {
display: none;
}<label>Fix H?he
<input type="radio" name="verlegeart" id="fixHeight">
</label>
<label>Verstellbare H?he
<input type="radio" name="verlegeart" id="adjustableHeight">
</label>
<br>
<label>
<p id="height">H?he</p>
<input type="number">
</label>
<div id="max-height">
<label>
<p>H?chste H?he in mm</p>
<input type="number">
</label>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/327203.html
標籤：javascript html 形式 输入