getElementById多種用途

-3

我需要在我的文檔中的多個位置實現此腳本（下面的第一條評論中的jsfiddle鏈接），但是，我不能因爲它使用getElementById。我嘗試過「ByClass」和「ByClassName」，但沒有雪茄。getElementById多種用途

這可以被編輯以處理多個ID嗎？

謝謝！ Tracy

來源

2017-07-14 flipflopmedia

https://jsfiddle.net/b2z20k2b/ – flipflopmedia

帖子都直接在這裏的代碼。當你試圖在你的問題中發佈那個小提琴鏈接的時候，你有一個錯誤。代碼不應該只與鏈接。 – Carcigenicate

你爲什麼說「沒有雪茄」？在調用'getElementsByClassName'之前是否向元素添加了一個類？ – Gerrat

而不是ID你應該使用類和使用querySelector抓住或getElementsByClassName以及。

function showHide (e){ 
 
    els = document.querySelector('.contentor'); 
 
    if(els.style.display==="none"){ 
 
    els.style.display="block"; 
 
    e.checked = true; 
 
    }else if(els.style.display==="block"){ 
 
    els.style.display="none"; 
 
     e.checked = false; 
 
    } 
 
}

<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
 
    <title>Document</title> 
 
</head> 
 
<body> 
 
<!-- very basic tip--> 
 
Show<input type="radio" onclick= "showHide(this)" class="a"/> 
 

 

 
<div class="contentor" style="display:none;"><input type="text"><input type="text"></div> 
 
    
 
</body> 
 
</html>

來源

2017-07-14 20:01:20

我感謝您的迴應！但是，我正在使用的實際表單腳本也使用querySelector，並且它們並不快樂。此外，通常使用一組單選按鈕，當您選擇另一個時，所選的一個將取消選擇。但是使用你的設置，你必須第二次點擊「其他」來取消選擇它。 – flipflopmedia

getElementById多種用途

回答

相關問題