0
ラジオボタンが2つあります。 1番は電子メール、2番はSMSですので、メールをクリックすると電子メールの入力ボックスが表示され、同じものがSMSになります。ポップアップウィンドウのラジオボタンを使用したコンテンツの動的な変更
何か助けていただければ幸いです。
A
答えて
0
は、ここでは一つの解決策
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.hidden {
display: none;
}
</style>
<script type="text/javascript">
function showFields(id) {
var emailFields = document.getElementById("emailFields");
var smsFields = document.getElementById("smsFields");
if (id == "email") {
emailFields.style.display = "block";
smsFields.style.display = "none";
} else {
smsFields.style.display = "block";
emailFields.style.display = "none";
}
}
</script>
</head>
<body>
<form action="#">
<label>
email
<input name="selector" type="radio" id="email" onclick="showFields('email')">
</label>
<label>
sms
<input name="selector" type="radio" id="sms" onclick="showFields('sms')">
</label>
<fieldset class="hidden" id="emailFields">
<legend>Email fields</legend>
<input type="text" id="emailInput">
</fieldset>
<fieldset class="hidden" id="smsFields">
<legend>SMS fields</legend>
<input type="text" id="smsInput">
</fieldset>
</form>
</body>
</html>
0