私はこのスクリプト(以下の1番目のコメントのjsfiddleリンク)をドキュメント内の複数の場所に実装する必要がありますが、getElementByIdを使用するのでできません。私は "ByClass"と "ByClassName"を試しましたが、シガーはありませんでした。複数の使用のためのgetElementById
これは1つ以上のIDで動作するように編集できますか?
ありがとうございます! Tracy
私はこのスクリプト(以下の1番目のコメントのjsfiddleリンク)をドキュメント内の複数の場所に実装する必要がありますが、getElementByIdを使用するのでできません。私は "ByClass"と "ByClassName"を試しましたが、シガーはありませんでした。複数の使用のためのgetElementById
これは1つ以上のIDで動作するように編集できますか?
ありがとうございます! Tracy
IDの代わりにclassを使用し、catch theまたはgetElementsByClassNameにquerySelectorを使用する必要があります。
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>
私はあなたの応答をありがとう!しかし、私が使用している私の実際のフォームスクリプトもquerySelectorを使用しており、一緒に幸せではありません。また、通常、ラジオボタンのグループを使用して、別のラジオボタンを選択すると、選択したラジオボタンは選択解除されます。しかし、あなたの設定では、もう一度 "Other"をクリックして選択を解除する必要があります。 – flipflopmedia
https://jsfiddle.net/b2z20k2b/ – flipflopmedia
ポストは、ここですべてのコードを直接。理由のためにあなたの質問にそのフィドルリンクを投稿しようとしたときにエラーが発生しました。コードは決してリンクされるべきではありません。 – Carcigenicate
なぜ「葉巻なし」と言いますか? 'getElementsByClassName'を呼び出す前に、そのクラスにクラスを追加しましたか? – Gerrat